在使用溢出时,在移动/ 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:触摸某些浏览器