OGeek|极客世界-中国程序员成长平台

标题: javascript - iOS:-webkit-overflow-scrolling:touch 和 scrollTop [打印本页]

---

作者: 菜鸟教程小白    时间: 2022-12-13 11:08
标题: javascript - iOS:-webkit-overflow-scrolling:touch 和 scrollTop

我在尝试返回列表顶部时遇到了一些问题。

我将 -webkit-overflow-scrolling:touch 放在列表中以获得动量滚动。 但是，当我使用 jQuery scrollTop(); 而动量滚动仍在进行时，它会跳到顶部，但不会停止动量。所以它会继续下跌，直到势头结束。

有没有简单的方法来停止动量滚动？

---

Best Answer-推荐答案

将列表的 -webkit-overflow-scrolling 样式设置为 'auto'，然后在短暂超时后返回 'touch'。

即

let scrollContainer = document.getElementById('yourListId');

scrollContainer.style['-webkit-overflow-scrolling'] = 'auto';  // stop scroll

setTimeout(function() {
       scrollContainer.scrollTop = 0;  // or jQuery scrollTop()
       scrollContainer.style['-webkit-overflow-scrolling'] = 'touch'; // re-enable
}, 2);

引用:this SO answer . (修改了他们的实现以摆脱桌面浏览器上的滚动条重绘抖动)

关于javascript - iOS:-webkit-overflow-scrolling:touch 和 scrollTop，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31229950/

---

欢迎光临 OGeek|极客世界-中国程序员成长平台 (http://jike.in/)

Powered by Discuz! X3.4