jquery - aos.js 不适用于 fullPage.js

Question

我使用FullPage用于在部分之间进行动画滚动。

我想让项目显示为 aos.js但是当 fullPage.js 工作时 aos 不起作用。

Answer 1

详情请参阅 the fullPage.js FAQs

Short answer: use the scrollBar:true option for fullPage.js or autoScrolling:false if you don't want to use the auto-scrolling feature. Or... use parallax:true with the Parallax extension.

Explanation: Parallax, as well as many other plugins which depends on the scrolling of the site, listens the scrollTop property of javascript and the scroll event. fullPage.js doesn't actually scroll the site but it changes the top or translate3d property of the site. Only when using the fullPage.js option scrollBar:true or autoScrolling:false it will actually scroll the site in a way it is accessible for the scrollTop property.

但我鼓励您使用 fullPage.js callbacks触发动画或 fullPage.js state classes如果你想用 CSS 来实现它们。请参阅this video tutorial .