fullPage.js在快速滚动时跳过部分

时间:2016-04-01 14:13:27

标签: javascript jquery css fullpage.js

我在页面顶部有一个普通的滚动部分,它有一些视差效果,在它下面有更多标准的动画 fullPage.js 部分。

它的效果非常好,但我遇到的问题是当我从页面顶部快速滚动时。它会跳过第二部分,也许是第三部分,具体取决于鼠标轮的点火速度。

用户体验非常糟糕,特别是在使用Apple的神奇鼠标时,但任何类型的鼠标都会出现问题。

我想这个问题是因为顶部有正常的滚动部分,但我不知道如何解决它。有没有人知道如何解决这个问题?

以下是链接:http://2016.macleo.de

P.S。我还添加了一个onLeave回调,其中scrollTop动画手动触发但仍然有错误。在尝试快速浏览网站时,我可以看到第三部分,就像一些用户可能会做的那样。

onLeave: function(index, nextIndex, direction) {
    var leavingSection = $(this);

    //after leaving section 1
    if(index == 1 && nextIndex == 2 && direction =='down') {
        $("html,body").stop().animate({scrollTop:$(window).height()});
    }
}

非常感谢!

0 个答案:

没有答案