[Sticky] Rails skipping when rail higher then screen.

[fpoirier1]

Hi,

The rail's seem to be skipping up when it is goes out the screen and you start scrolling. See the codepen repo here : http://codepen.io/fpoirier1/pen/mJLLMP

Am I missing something here ?

[jlukic]

It appears to be sticking correctly.

Sticky content that is fixed and larger than the screen continues to adjust its content to scroll after being fixed. Otherwise content in the bottom half of the menu would never be accessible. An example of this usage is the left menu in the semantic-ui docs.

I could make this a setting, but if I did then content that is below the screen would always be off-screen until hitting the bottom of the container.

[fpoirier1]

Yes, I understand for continuing to scroll when content is heigher than the screen. What I mean is if you scroll slowly, you see the rail skipping.

Like the example below, shouldn't the Stuck Content still be visible? It seems to be jumping from Item 0 to Item 6...

[jlukic]

Sorry my screen was too tall. I'm seeing the issue now that I added a few more items.

This is probably an issue with 0 scroll conditions. I'll take a look.
http://codepen.io/anon/pen/NqMZGQ

[fpoirier1]

Thanks ! At first glance, when the position:fixed is not apply the top property is subzero based on the context but when it becomes position:fixed the topproperty must be set relatively to the Window.

[jlukic]

Scroll position is adjusted with requestAnimationFrame which means the delta has to be calculated from last scroll position. This is probably an issue with edge conditions.

[jlukic]

JSFiddle of next
http://jsfiddle.net/38nngpww/