如何使用鼠标滚轮插件来调节功能？
如何使用鼠标滚轮插件来调节功能？
提问于 2018-08-15 08:35:00
我正在使用这个插件：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();
});回答 1
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51851431
复制相关文章
相似问题