使用Chrome阻止水平觸摸板在Macbook上滾動？

Question

我想阻止在我的網站上使用Macbook上的多點觸控板，神奇鼠標等進行水平滾動。此問題已爲Firefox解決（使用此處的解決方案：Prevent horizontal touch pad scrolling on macbooks using Firefox?）。但它仍然給我在Chrome上的麻煩。

有什麼辦法可以阻止Chrome上的這個功能（例如使用eventlistener）？謝謝

Answer 1

在CSS中，您可以使用overflow-x: hidden;來防止滾動。如果你將它應用到身體，或者其他特定的元素，應該做的伎倆。

Answer 2

我有同樣的問題，並且在CSS中設置overflow到hidden不起作用。我的解決方案是使用：

jQuery('html, body').css('overflow-x', 'hidden'); 

我不知道爲什麼，但在JavaScript中它的工作原理。