The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

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

    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
    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.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed