CSS-使用溢出时在移动设备/ iOS上滚动缓慢:

要设置画布菜单,我必须将主体设置为“ overflow:hidden”以从主体中删除滚动,然后使用“ overflow-y:scroll”将其重新添加到内容周围的容器中。 当我这样做时,似乎会减慢在特定于移动设备的iOS设备上的滚动速度。

从身体移开滚动条是否存在某种性能问题?

grasesed asked 2020-06-30T00:35:24Z
1个解决方案
105 votes

可能是您没有在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设备在主体上使用“动量”滚动,但默认情况下未将“ overflow-y:scroll”添加到元素不会将元素设置为“动量”滚动

有关更多信息,请参见[https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-overflow-scrolling]

注意:使用-webkit-overflow-scrolling有很多Gotcha / Bug:在某些浏览器上触摸

sjm answered 2020-06-30T00:35:58Z
translate from https://stackoverflow.com:/questions/33601165/scrolling-slow-on-mobile-ios-when-using-overflowscroll