javascript - -webkit-溢出-滚动 : auto; not working on touch devices

标签 javascript android html css scroll

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

这是我在 CSS 中的内容

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

我已经尝试了上述所有组合,但仍然没有成功。

我在这里缺少什么吗?可以用javascript实现吗?

最佳答案

我想我找到了适合你的东西:

How to disable inertial scrolling on body for iOS browsers?

这只是使用 <body> 的问题包装器,如 <div> , 并申请 overflow: auto;到那个分区。基本上,iOS 版 Chrome 会告诉您“让我处理 <body> 元素,但您可以随心所欲地处理其他元素。

关于javascript - -webkit-溢出-滚动 : auto; not working on touch devices,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42819750/

相关文章:

javascript - 水平滚动时制作静态div

javascript - 在两个日期之间搜索 JSON

javascript - 相对定位粘附(固定)元素

java - 将数据从 Activity 传递到 android 中位于不同应用程序中的服务

java - Android:- 将录制的音频文件转换为 float 组

java - 在 Java Swing 的 JEditorPane 中添加 HTML

javascript - HTML 表单因移动键盘而改变网页大小

javascript - 如何避免重复代码导致椭圆移动?目前我必须对每个椭圆重复它

javascript - 访问jquery中嵌套函数中外部函数的元素

android - 对多个按钮使用相同的 id