我正在使用这个插件:https://github.com/jquery/jquery-mousewheel
它是一个水平滚动的单页面站点,其功能是“滚动捕捉”--滚动到当前部分将强制将其捕捉到下一部分。然而,在第一次“快照”之后,它只在大约5秒后发生,我认为这是由于函数连续触发了太多次。
function scrollSnap() {
$('.page:not(:last-child)').each(function(){
var nextTarget = $(this).next().position().left;
$(this).mousewheel(function(){
if(event.deltaY >= 50) {
$('main').animate({
scrollLeft: nextTarget
}, 700);
console.log("scrolled to: ", nextTarget);
}
});
});
$('.page:not(:first-child)').each(function(){
var prevTarget = $(this).prev().position().left;
$(this).mousewheel(function(){
if(event.deltaY <= -50) {
$('main').animate({
scrollLeft: prevTarget
}, 700);
console.log("scrolled to: ", prevTarget);
}
});
});
}
$(document).ready(function() {
scrollSnap();
});
https://stackoverflow.com/questions/51851431
复制相似问题