使用溢出时在mobile/ios上滚动速度慢:滚动

使用溢出时在mobile/ios上滚动速度慢:滚动,ios,css,mobile,overflow,Ios,Css,Mobile,Overflow,要设置非画布菜单,我必须将主体设置为“溢出:隐藏”,以删除主体中的滚动,并将其添加回包含“溢出-y:scroll”内容的容器中。当我这样做时,它似乎会减慢移动设备(特别是iOS设备)上的滚动速度 将滚动条从机身上移开是否存在某种性能问题?这可能不是性能问题,而是您在iOS设备上看不到“动量”滚动 这可以通过在滚动元素中添加“-webkit overflow scrolling:touch”来解决,即: .scrolling-content { overflow-y: scroll;

要设置非画布菜单,我必须将主体设置为“溢出:隐藏”,以删除主体中的滚动,并将其添加回包含“溢出-y:scroll”内容的容器中。当我这样做时,它似乎会减慢移动设备(特别是iOS设备)上的滚动速度


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

这可能不是性能问题,而是您在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”不会在默认情况下将元素设置为“动量”滚动

有关更多信息,请参阅


注意:使用-webkit溢出滚动:触摸某些浏览器时会出现一些问题。

//值…
不是有效的CSS注释。在本例中,我使用了/**/。见(),谢谢你。我现在就用这个,但是这个问题还有其他解决方案吗?MDN文档说它是非标准的,不应该在生产现场使用。@AvrilAlejandro:它在iphone7中工作不正常,sir第一次滚动不工作,整个屏幕都冻结了,先生。先生,你知道这背后有什么问题吗?
-webkit溢出滚动
不是标准属性,可能删除了兼容性:|@KapilsoniOk先生,在删除了我为修复iphone7中的滚动所做的工作之后?