整页.js从一个部分跳到另一个部分时如何控制滚动速度

fullpage.js How do I control the scrolling speed when jumping from one section to another?

本文关键字:何控制 分时 另一个部 速度 滚动 控制 js 一个 整页      更新时间:2023-09-26

我正在使用整页.js,其中包含很多部分和锚链接,从我所看到的滚动速度是相同的,锚定部分只是下一个或说 3 或 5 个部分之后。

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

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

我从未使用过这个,但根据他们的文档,我相信可以使用onLeave事件来完成:

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

您可以通过调整.1来更改"强度"。

相关文章: