我在页面顶部有一个普通的滚动部分,它有一些视差效果,在它下面有更多标准的动画 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()});
}
}
非常感谢!