1. 程式人生 > >[轉] 設置div的overflow:scroll,但是在手機上滑動的時候有點卡頓

[轉] 設置div的overflow:scroll,但是在手機上滑動的時候有點卡頓

one controls 設置 display scroll kit -o 層級 style

設置div的overflow:scroll,但是在手機上滑動的時候有點卡頓,所以在這個div上加一個css:

-webkit-overflow-scrolling : touch;

在蘋果手機上使用-webkit-overflow-scrolling:touch會導致使用固定定位的元素,隨著頁面一起滾動,只有滾動停止時才會恢復原位。如果不用這個屬性的話,使用overflow-y:屬性的盒子滑動非常不流暢,

解決方法:

使用overflow-y屬性的元素不應該和固定元素在一個層級,使用overflow-y屬性的元素外面加一層和固定元素在同一層級可以解決該問題…

[轉] 設置div的overflow:scroll,但是在手機上滑動的時候有點卡頓