Fixed-positioning and skrollr menu don't work together about skrollr-menu

[Shadowstep33]

Sorry that this is late @fritoebola but the way I managed to get around this issue was using

                var s = skrollr.init({
                    edgeStrategy: 'reset'
                });

Using the reset causes the element to revert back to it's original position: relative/static/absolute/whatever before the first keyframe and after the last. There is still some slight odd behavior (such as you described) when it comes to going to adjacent slides or clicking the menu item for the slide it is currently on. Will report back when I figure out how to fix that.

[Prinzhorn]

If I understand you correctly, that's what data-menu-top is for.

[fritoebola]

Hi Alexander,

I'm severally confused, I am not sure how to use the data-menu-top.... could you point me into an example? It might be that i'm not implementing this right and that this is not an issue.

Thanks

[Prinzhorn]

Here's an example page

https://github.com/Prinzhorn/skrollr-menu/blob/master/index.html
http://prinzhorn.github.io/skrollr-menu/

[twickstrom]

@fritoebola I was experiencing the exact same issues as you.

Like @Prinzhorn says if you add data-menu-top="325p"
Accommodations

it will scroll 350% down the page. You will want that to match your last data-???p sequence on your container you are scrolling to.

For instance on my page I have the following:

So i want my data-menu-top attribute from the link to match transform:translate(0,0%) so it is set to 325p.

[prismspecs]

data-menu-top is either broken or has no example

[Prinzhorn]

data-menu-top is either broken or has no example

http://prinzhorn.github.io/skrollr-menu/

[fritoebola]

Well, a good tip is never late. We can all always use this on future projects.
Cheers
P.