ios - 使用溢出 :Scroll 时移动/ios 滚动缓慢

Question

要设置 Canvas 外菜单，我必须将正文设置为“overflow:hidden”以从正文中删除滚动并使用“overflow-y:scroll”将其添加回内容周围的容器中。当我这样做时，它似乎会减慢移动设备(尤其是 iOS 设备)上的滚动速度。

从正文中移动滚动条是否存在某种性能问题？

Answer 1

这可能不是性能问题，而是您没有看到“Momentum”在您的 iOS 设备上滚动

这可以通过在滚动元素中添加“-webkit-overflow-scrolling:touch”来解决，即:

.scrolling-content {
   overflow-y: scroll;
   -webkit-overflow-scrolling: touch;
   height:100%; /*A value other than height:auto needs to be set*/
}

默认情况下，iOS 设备在 body 上使用“momentum”滚动，但向元素添加“overflow-y:scroll”不会默认将元素设置为“momentum”滚动

参见 https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-overflow-scrolling了解更多信息

注意:在某些浏览器上使用 -webkit-overflow-scrolling: touch 有很多问题/错误