在使用溢出时,在移动/ ios上滚动缓慢:滚动

要设置一个canvas外的菜单,我必须将主体设置为“overflow:hidden”,以从主体中删除滚动,并将其添加到“overflow-y:scroll”内容周围的容器中。 当我这样做的时候,似乎减慢了在移动设备上的滚动,特别是在iOS设备上。

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

而不是性能问题,这可能是你的iOS设备上看不到“Momentum”滚动

这可以通过添加“-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-滚动以获取更多信息

注意:有许多使用-webkit溢出滚动的Gotcha / Bugs:触摸某些浏览器