乙個布局較複雜的頁面，在手機瀏覽器上執行時，部分配置比較差的手機會出現滾動滾動條後，頁面正常滾動，但部分元素卻出現類似position：fixed一般懸浮在頁面上，然後再滾動。看上去有點像視差滾動，但卻一點都不好看。
解決方法:在滑動體上新增樣式：transform：translatez(0);-webkite-transform：translatez(0)。
<div
style
="height:300px;overflow:auto"
>
<
div
style
="transform:translatez(0);-webkite-transform:translatez(0);"
>
各種複雜的html
<
div>
div>
加這個的目的是利用gpu加速（gpu快取）。
因為這個問題也發現，如果使用overflow：auto這樣來滑動頁面（html的滾動條形式），每次頁面滑動時瀏覽器都會有頻繁的scroll、update layer tree、composite layers。應是在最後乙個環節上出了問題。這個問題的原因應該是在布局方式上。
頁面元素焦點滾動效果
scroll 此方案滾動效果很好，但在低端安卓 4.x 上有相容性問題,options不被識別，只識別true false scroll 方案a在安卓4.4.4機器上scrolltop 獲取的值總是0，導致焦點切換時頁面顯示不對，最終改為用非html body的根元素做基準，但效果略顯示卡頓，有時間...
解決如何去掉手機版HTML頁面滾動條
經過測試，預設的html5頁面在手機瀏覽器測試中發現 橫向，縱向滾動條都有，儘管頁面沒有內容也是照常出現。開始不知道什麼原因，原來是沒有加一句手機的meta content width device width,minimum scale 1.0,maximum scale 1.0,user sca...
html頁面滾動條設定
1 overflow內容溢位時的設定 設定被設定物件是否顯示滾動條 overflow x水平方向內容溢位時的設定 overflow y垂直方向內容溢位時的設定 以上三個屬性設定的值為visible 預設值 scroll hidden auto。2 scrollbar 3d light color立體...