jquery - 在移动设备上关闭滚动条外的滚动

Question

我创建了一个网站，其中包含多个图形和表格。在我的移动网站上，很难在触摸屏设备上向下滚动页面，因为表格也会在触摸时滚动(侧面空间很小)。

除了实际的滚动条本身之外，有没有一种方法可以禁用表格上的滚动？向下滚动页面比滚动图表更重要，所以这应该是优先事项。但是，我们的客户仍需要滚动表格才能阅读列出的所有信息。

提前致谢。

Answer 1

尝试将表格的最大高度设置为小于视口(viewport)，并专门针对移动设备设置 overflow:hidden。您可以通过媒体查询或使用浏览器提供的用户代理进行一些显式检查来确定移动设备。

仅供引用:您可以使用更新的方法来设置 div 的高度，使用 vh 而不是正常的 px 方式。但是，请注意，这不是跨浏览器兼容的。