【问题标题】:-webkit-overflow-scrolling: auto; not working on touch devices-webkit-溢出滚动:自动;不适用于触摸设备
【发布时间】:2017-03-15 20:11:12
【问题描述】:

我正在尝试禁用网站上的动量/惯性滚动,它在桌面上运行良好,但在 iPad 和 Android 手机上却无法运行。不断应用动量滚动。

这是我在 CSS 中的内容

-webkit-overflow-scrolling: auto;
-webkit-overflow-scrolling: auto !important;
overflow-scrolling: auto;
overflow-scrolling: auto !important;
overflow:scroll;

我已经尝试了以上所有组合,但仍然没有运气。

这里有什么我遗漏的吗?可以用javascript实现吗?

【问题讨论】:

    标签: javascript android html css scroll


    【解决方案1】:

    我想我为你找到了一些东西:

    How to disable inertial scrolling on body for iOS browsers?

    这只是使用<body> 包装器(如<div>)并将overflow: auto; 应用于该div 的问题。基本上,iOS 版 Chrome 会告诉你“让我处理 <body> 元素,但对其他元素做任何你想做的事情。

    【讨论】:

      猜你喜欢
      • 2019-02-23
      • 2017-04-05
      • 1970-01-01
      • 2012-02-23
      • 1970-01-01
      • 2013-08-28
      • 2012-06-05
      • 1970-01-01
      • 2014-04-13
      相关资源
      最近更新 更多