卸载 jQuery 移动设备上的鼠标滚轮绑定

Question

我目前正在使用 Brandon Aaron 的“jQuery Mousewheel”脚本来反转页面的滚动方向。我是 jQuery 的新手，想在移动设备上禁用此脚本/结果 < 568px。

鼠标滚轮的绑定如下：

$(document).ready(function() {
    $('#maincontain').mousewheel(function(e, delta) {
        this.scrollLeft -= (delta * 30);
        e.preventDefault();
    });
});

任何新手帮助将不胜感激。谢谢！

Answer 1

如果你想让它检测小屏幕：

if ($(window).width()>=568) { // or any number you like
   // load the mousewheel plugin
}

如果你真正想要的是detect touchscreens，那就有点复杂了，但你可以从这个开始：

if (!(('ontouchstart' in window) || window.DocumentTouch && document instanceof DocumentTouch)) {
   // load the mousewheel plugin
}

卸载 jQuery 移动设备上的鼠标滚轮绑定

Unload jQuery Mousewheel binding on mobile devices

mobile

jquery

mousewheel

unbind