I am trying to make my site using Skrollr (javascript library): http://prinzhorn.imtqy.com/skrollr/
Scrollr works fine, but I can't figure out one thing. How to stop scrolling div further from the top of the screen. When the top of the div hits the top of my page, I want it to stop scrolling, so when the second div starts to pick up the top, it gives a sense of stacked cards.
And when scrolling backward, the div will start to scroll after the top left the bottom of the page.
I hope my explanations are a little clear, if not I try to explain the use of graphics.
Now part of the code. After reading the documentation, I tried both:
data-top as well as data-end none of them actually worked.
I also tried: data-top="background-position:0px 0px;"
Iām not even sure that what I want to achieve is possible or not.
If not, I can impose a vertical scroll, decreasing the scroll speed after the top of the div crosses the top of the browser window.
Please ask me if any of my explanations are confusing, I know that it is not easy to explain the problem verbally.
source share