禁用浏览器添加溢出:隐藏在启用触摸屏的设备上

时间:2015-06-03 01:08:44

标签: html css google-chrome browser touch

我在浏览器(可能只是Chrome)上遇到问题,在触控设备上添加css规则。

在我们为客户创建的网站上(仅在Chrome中使用),当从超极本访问时,滚动条会在页面上的元素上消失。客户端仍然使用这些作为普通笔记本电脑,因此无需删除滚动。问题似乎是因为他们有触摸屏,浏览器会自动将这些css规则添加到某些元素中:

overflow: hidden;
width: auto;

这将删除滚动条,并打破网站,因为许多元素无法再完全交互。

我已经对此做了一些研究,并且找不到多少(我一直得到的所有结果都是关于想要溢出的人:隐藏在移动设备上)。 我希望Chrome中有一些设置禁用此功能,但我还没有找到任何东西。我也知道可以添加一些强制CSS规则......但这可能会打开另一种蠕虫病毒。

非常感谢任何帮助。

由于

1 个答案:

答案 0 :(得分:0)

我找到了自己的答案。

在Chrome中,转到 铬://标志

大约1/3向下,有一个名为“启用触摸事件”的设置。

Chrome说明:

  

启用触控事件:Mac,Windows,Linux,Chrome OS

     

强制触摸屏支持始终启用或禁用,或在启动时检测到触摸屏时启用(自动,默认)。 #触摸事件

在下拉菜单中选择“已停用”。完成选择后,窗口底部会出现一个按钮,显示“立即重新启动”。点击后,Chrome将重新启动。现在应该出现滚动条。