我试图禁用网站上的动量/惯性滚动,它在桌面上运行良好,但在 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/