Question

制作可滚动的div时，对于iOS设备，动量滚动不起作用 - 所以你必须使用'beta'-webkit-overflow-scrolling：touch;属性。

然而，这似乎让我失去了浏览器 - 不是立刻，而是看似随机。删除所有-webkit-overflow-scrolling：touch;属性可以阻止浏览器崩溃。

我已经尝试过使用iScroll，touchSwipe和其他一些我记不住名字的插件了，但要实现起来太麻烦（我的开发时间很短）或者没有工作根据需要。

有没有人遇到同样的问题，如果有，你找到了解决方案吗？

Answer 1

我在大名单上遇到了大约100多个

元素。当我删除它时，它可以工作，但没有动力滚动。

我在iOS5和最新的iOS6上测试了iPod Touch 4.1和iPad 2，似乎在Touch上我更频繁地让Safari崩溃，但在iPad上它也会发生。

它似乎是一个他们没有正确解决的Apple漏洞。

Answer 2

当我将它应用于页面上的多个元素时，我注意到了这种情况......我把它放到仅应用于＆＃34;活动＆＃34; div，它不再崩溃了。跛。

Answer 3

let content = document.querySelector(".content");
if (content.scrollTop <= 0) {
    content.scrollTop = 1;
} else if (content.scrollTop >= content.scrollHeight - content.clientHeight) {
    content.scrollTop = content.scrollHeight - content.clientHeight - 1;
}

使用-webkit-overflow-scrolling时，iOS浏览器崩溃：touch;

3 个答案: