我正在开发一个网站,其中包含滚动以转到下一个链接功能。因为我使用溢出:隐藏在我的容器上,没有要检测的滚动,这使我无法触发到另一页的实际链接。
现在要解决这个问题,我已经下载了一个名为jQuery Mousewheel的插件,用于检查鼠标滚轮。问题是在移动设备上它不起作用,因为那里没有鼠标轮。
我检查了github:https://github.com/jquery/jquery-mousewheel/issues/56他们说要转到另一个插件,因为这不在范围内。
我需要使用哪些插件或代码才能使其正常工作?我想在没有实际滚动的情况下捕获滚动事件,因为由于溢出而无法滚动:隐藏。
此时我使用此代码触发向下滚动以转到下一页:
jQuery('.front.intro').on('mousewheel scroll touchmove', function(event) {
//console.log(event.deltaX, event.deltaY, event.deltaFactor);
if(event.deltaY < 0){
console.log("downscroll");
$('#scrolldownbtn').trigger('click');
}
});
编辑:从代码中删除deltaY检查后使其工作。它现在没有检查缩减滚动,但这是我愿意做出的权衡。