javascript - FullPage.JS Scrolling - Stack Overflow

admin管理员组

文章数量:1324847

My question involves fullpage.js responding to (window).scroll events. I'm trying to have my application change the navbar on a scroll, but I can't get my site to log any of the scroll events. I tried following questions like: Animate in Nav bar on scroll. When I add the autoScrolling: false option to fullpage, it remedies the issue, but I would rather not use that option. I want to take advantage of the simple scroll action moving the entire page.

I can provide a jsfiddle example if this is still unclear.

My question involves fullpage.js responding to (window).scroll events. I'm trying to have my application change the navbar on a scroll, but I can't get my site to log any of the scroll events. I tried following questions like: Animate in Nav bar on scroll. When I add the autoScrolling: false option to fullpage, it remedies the issue, but I would rather not use that option. I want to take advantage of the simple scroll action moving the entire page.

I can provide a jsfiddle example if this is still unclear.

• javascript
• jquery
• html
• fullpage.js

Share Improve this question Follow edited May 23, 2017 at 11:55 CommunityBot 111 silver badge asked Mar 3, 2014 at 5:29 Jason BJason B 7,46599 gold badges4040 silver badges4949 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 8

You should better use the callbacks provided by the plugin such as onLeave and afterLoad. That would give you the power of firing actions when going from one to another slide.

If you still want to do it with other plugins, then you would need to use fullpage.js with the option scrollBar:true.

You have more information about it at the documentation.

The reason you can not fire any action by using the scroll event is because the plugin doesn't really scroll the page but just change the top property of the site wrapper or add the property translate3d in case of using the option css3:true.

本文标签： javascriptFullPageJS ScrollingStack Overflow