css：隱藏溢出-x和魔術鼠標/手勢

Question

我嘗試防止用戶水平滾動（由客戶端爲web應用程序詢問）。使用「overflow-x：hidden」風格很容易。 事實上，它的工作原理是沒有可見的水平滾動條了。

問題是，即使滾動條被隱藏，Apple的魔術鼠標仍允許用戶在Safari Mac，Chrome Mac和Opera Mac中水平滑動頁面（儘管他不能在Firefox Mac中）。

我相信沒有必要向您展示CSS ......它「技術上」起作用：scollbar已隱藏起來。

但用魔法鼠標的輕掃手勢將其廢棄，因爲用戶仍可以左右方向移動頁面。

任何解決方法，css，javascript或jQuery腳本禁用水平滑動與魔術鼠標或手勢？

謝謝。

Answer 1

這是我迄今發現：

$(document).mousewheel(function(event, delta, deltaX, deltaY) { 
    if (deltaX != 0){event.preventDefault();} 
}); 

不知道我可能會遇到一些副作用，但到目前爲止，一切順利。

它只針對鼠標輕掃，而不是手勢，但我相信這是兩個不同的事情，因爲它看起來像是鼠標移動而不是手勢。