Grow your CSS skills. Land your dream job.

Slide In Help

  • # March 29, 2013 at 12:24 pm

    If you haven’t seen Chris’s post on the slide in you can check it out here http://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.

    # March 29, 2013 at 12:29 pm

    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)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".