當使用溢出時，在移動/ ios上滾動緩慢：滾動

Question

要設置非畫布菜單，我必須將主體設置爲「overflow：hidden」，以從主體中移除滾動並將其添加回內容周圍的容器用「overflow-y：scroll」。當我這樣做時，似乎會減慢移動設備上的滾動速度，尤其是iOS設備。

從身體移動滾動條是否存在某種性能問題？

Answer 1

，而不是一個性能問題，這是可能是您沒有看到「動量」滾動您的iOS設備上

這可以通過添加「-webkit-溢出滾動：觸摸」來解決你的滾動元素，即：

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

通過設備使用「勢頭」滾動的身體，但加入'溢出-Y：滾動的默認iOS的一個元素沒有設置元素「勢頭」默認滾動

爲見https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-overflow-scrolling更多信息

注意：有很多使用-webkit溢出滾動的Gotcha/Bugs：在某些瀏覽器上觸摸