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