Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Slide In Help

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #43767
    nunotmp
    Member

    If you haven’t seen Chris’s post on the slide in you can check it out here https://css-tricks.com/slide-in-as-you-scroll-down-boxes/

    I am having trouble getting this to work on a test site. I basically copy and pasted the html, css, and javascript and I cannot get it to work. In the head I call the latest jquery as well as the visible.js file. In chrome dev tools I can see the classes are being added using the javascript and when scrolling I can also see the classes being added and removed as they come into/out of view. I am guessing this has to do with the css and I cannot get the css to work.

    I even copied over the scss from codepen, placed it in a codepen.scss file then ran it through sass and no luck.

    You can have a look here http://client.themodern-nerd.com/slide/
    Any help would be appreciated.

    #130109
    nunotmp
    Member

    Ok stupid mistake.

    I ran the css through prefixer because I realized the css was being marked “unknown property”. This added the necessary vendor prefixes and now it works well. Maybe this will help somebody else out.

Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘CSS’ is closed to new topics and replies.