Grow your CSS skills. Land your dream job.

Dynamic Scrolling Shadows

  • # March 29, 2013 at 11:40 am

    I’ve been playing over at CodePen trying to get scrolling shadows to work.

    This is what i’m trying to achieve.
    when the scroll bar is at default only the right shadow display. as you scroll across both display, and when you get to the end only the left shadow displays.

    I’m only just starting out with jQuery so go easy on me.

    Any help would be greatly appreciated

    This is where I’m at with it so far [http://codepen.io/hugo/pen/cvLln](http://codepen.io/hugo/pen/cvLln “Dynamic Scrolling Shadows”)

    # March 29, 2013 at 12:52 pm

    Ok I’ve been playing around further with this. All i need now is to detect when the scroll bar is at the end and remove the class “.shadow-middle” and add the class “.shadow-left”.

    Any ideas how I would achieve this?

    [http://codepen.io/hugo/pen/kCveF](http://codepen.io/hugo/pen/kCveF “”)

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