微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Fullpage.js 手动滚动到最近的部分

如何解决Fullpage.js 手动滚动到最近的部分

我正在使用 fullpage.js 制作一个包含不同部分的网站,我希望它能够显示滚动条,以便您可以手动滚动,但如果您不想,则不必这样做。自动滚动有效,但当人们选择手动移动滚动条时,我希望它在延迟后捕捉到最近的部分。

这可以在 this demo made by fullpage.js 中看到,如果您单击按钮将自动滚动设为 false 并手动向下滚动一点,它将对齐到一个部分。

问题是我想给用户一个关于如何滚动的选项,所以他们可以手动(它捕捉到的地方)或自动滚动到下一部分。

这是我现在的设置,当我自动滚动网页时,它可以工作,但是当我使用滚动条手动滚动时,它不会对齐到某个部分

const absolutePath = path.resolve(${__dirname}/static/images`;

我是新手,所以我没有使用 jQuery,而是使用 vanilla javascript。

编辑:这是我的 github repo,网站是 jaredcohen.dev。所有相关代码都在 autoScrolling: true,setAllowScrolling: true,scrollHorizontally: false,scrollBar: true,fitToSection: true,

底部附近

解决方法

使用 fullPage.js 选项 scrollBar:true 结合 autoScrolling:true 通过这种方式,您将获得滚动条,并且用户将能够拖动它或使用触控板/鼠标滚轮进行快速滚动。

这是一个演示: https://alvarotrigo.com/fullPage/examples/scrollBar.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。