在移動設備上卸載jQuery Mousewheel綁定

我正在使用Brandon Aaron的「jQuery Mousewheel」-script來反轉頁面的滾動方向。我對jQuery非常陌生，並希望在移動設備上禁用此腳本/以獲得解決方案< 568px。在移動設備上卸載jQuery Mousewheel綁定

鼠標滾輪的結合完成如下：

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

任何新手幫助將是非常讚賞。謝謝！

來源

2015-03-31 benniy

如果你想要它來檢測小屏幕：

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 
}

來源

2015-03-31 14:01:17 Blazemonger

感謝非常感謝您的幫助！它幾乎可以工作 - 唯一的問題是：我希望在桌面設備上禁用此腳本，一旦屏幕變爲<568px。如前所述，jQuery對我來說仍然是火箭科學。目前，我認爲你的if語句是在頁面加載時初始化的。即使屏幕只有調整大小後，是否可以禁用鼠標滾輪腳本？再次感謝！ – benniy 2015-03-31 14:46:15

（抱歉，因爲我想要的是移動設備，因此我開始制定一個錯誤的問題） – benniy 2015-03-31 14:48:02

有['$（window）.resize（）'事件]（http://stackoverflow.com/q/ 9828831 /）你可以監控。但是，當窗口太小時，您需要主動銷燬鼠標滾輪插件。我首先會問自己，這可能是您的網頁/網站真實用戶的問題。 – Blazemonger 2015-03-31 15:17:49

在移動設備上卸載jQuery Mousewheel綁定

回答

相關問題