Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/solr/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 使用Chrome防止MacBook上的水平触摸板滚动?_Html_Macos_Google Chrome_Scroll - Fatal编程技术网

Html 使用Chrome防止MacBook上的水平触摸板滚动?

Html 使用Chrome防止MacBook上的水平触摸板滚动?,html,macos,google-chrome,scroll,Html,Macos,Google Chrome,Scroll,我想使用Macbooks上的多点触控触控板、神奇鼠标等防止在我的网站上水平滚动。Firefox解决了这个问题(使用此处的解决方案:)。但在Chrome上仍然给我带来麻烦 是否有任何方法可以阻止Chrome上的此功能(例如使用eventlistener)?感谢在CSS中,您可以使用overflow-x:hidden以防止滚动。如果你将它应用于主体,或者其他特定的元素,应该可以达到这个目的。我也有同样的问题,在CSS中将溢出设置为隐藏也不起作用。我的解决方案是使用: jQuery('html, bo

我想使用Macbooks上的多点触控触控板、神奇鼠标等防止在我的网站上水平滚动。Firefox解决了这个问题(使用此处的解决方案:)。但在Chrome上仍然给我带来麻烦


是否有任何方法可以阻止Chrome上的此功能(例如使用eventlistener)?感谢

在CSS中,您可以使用
overflow-x:hidden以防止滚动。如果你将它应用于主体,或者其他特定的元素,应该可以达到这个目的。

我也有同样的问题,在CSS中将
溢出设置为
隐藏也不起作用。我的解决方案是使用:

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

我不知道为什么,但在JavaScript中它是有效的。

如果您愿意,也可以通过JQuery进行检查$css('溢出','隐藏')