fullpage.js 从一个部分跳转到另一个部分时如何控制滚动速度？答案

【问题标题】：fullpage.js How do I control the scrolling speed when jumping from one section to another?fullpage.js 从一个部分跳转到另一个部分时如何控制滚动速度？
【发布时间】：2015-02-04 13:38:41
【问题描述】：

我正在使用带有很多部分和锚链接的 fullpage.js，从我看到的滚动速度来看，锚定部分只是下一个部分，或者说是之后的 3 或 5 个部分。

因此，例如，如果我想使用锚链接从页面的顶部转到最后一个部分，则在我到达最后一个之前，中间的所有部分都会以光速显示和滚动，这有点有问题。

如何根据两个部分之间的距离更改此速度？

【问题讨论】：

最终目标是什么？当它经过几个部分时，您是否试图降低速度？
@Narong 实际上正好相反。我想在向下或向上移动一个部分时保持默认（700）速度，但是当它移动超过几个部分时让它平滑滚动，这取决于它们是否很远。实际上就像一个基本的平滑滚动脚本。我希望它更容易理解？
你的意思是默认滚动速度700对你来说很好，当它向上或向下移动1个部分时，但是当它移动超过几个部分时它太快了，对吗？所以为了让它看起来平滑滚动，你想减慢滚动速度，对吗？你不想增加它。编辑：我明白你的意思。您想增加 scrollSpeed 值，这会减慢滚动速度。

标签： javascript jquery css fullpage.js

【解决方案1】：

我从来没有用过这个，但是根据他们的documentation，我相信可以使用onLeave事件来完成：

$('#fullpage').fullpage({
    onLeave: function(index, nextIndex, direction){
    var idx = Math.abs(index - nextIndex)*.1;
    $.fn.fullpage.setScrollingSpeed(idx*700);
    }
})

你可以通过调整.1来改变“强度”。

【讨论】：