【问题标题】:Turn off scrolling outside of the scroll bar on mobile在移动设备上关闭滚动条之外的滚动
【发布时间】:2017-08-14 21:33:28
【问题描述】:

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

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

提前致谢。

【问题讨论】:

  • 为什么不让内容的宽度等于设备宽度呢?
  • 或将表格重新排列成不同的布局,以使它们更好地显示给移动用户
  • 在我看来,从用户体验的角度来看,您正在寻找的答案是违反直觉的。禁用表格滚动可能会让想要这样做的用户感到沮丧。考虑在较小的设备上呈现数据的替代方法是我最好的建议(可能在 UX 中提出问题)
  • 感谢您的意见。我将在 UX 中提出一个新问题以征求建议!

标签: jquery html css


【解决方案1】:

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

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-05-23
    • 1970-01-01
    • 2017-02-26
    相关资源
    最近更新 更多