在移动设备

Question

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

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

提前致谢。

Answer 1

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

仅供参考：您可以使用较新的方式使用div代替普通vh方式设置px的高度。但是，请注意，这不是跨浏览器兼容的。