iOS中的垂直滚动不顺畅

Question

我一直在通过文档进行广泛的搜索-webkit-overflow-scrolling: touch;,但我只能通过<body>这种方式将它部分地用于我的元素......

<body style="-webkit-overflow-scrolling: touch;">

或者像这样......

<body style="overflow-y: auto; -webkit-overflow-scrolling: touch;">

在iOS中,我的页面将以大约四分之一的速度滚动页面,但随后停止.那么-webkit-overflow-scrolling: touch对于身体的"部分"也是如此

没有这个代码,它将在页面中滚动,但没有动量和很多不稳定的动作.

Answer 1

如何应用-webkit-overflow-scrolling: touch;您网站的所有元素:

* {
    -webkit-overflow-scrolling: touch;
}

您应该创建一个额外的CSS文件,而不是使用css属性.

此属性在MDN文档中具有非标准警告.有谁知道这可能导致什么样的问题？https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-overflow-scrolling (8认同)
@Nick 背景附件：已修复不适用于此属性 (2认同)
当此属性与overflow：scroll结合使用时，导致位置固定的子代无法在父代外部渲染的问题。 (2认同)