h5解決移動端上滑卡頓問題


select{
-webkit-overflow-scrolling: touch;/*解決移動端滑動卡頓問題*/
-webkit-transform: translateZ(0px);/*開啟GPU加速*/
}
/*
-webkit-overflow-scrolling控制元素在移動設備上面是否有滾動回彈效果,它可以設置成auto和touch
auto: 使用普通滾動, 當手指從觸摸屏上移開,滾動會立即停止。
touch: 使用具有回彈效果的滾動, 當手指從觸摸屏上移開,內容會繼續保持一段時間的滾動效果。繼續滾動的速度和持續的時間和滾動手勢的強烈程度成正比。
使用touch可以讓滾動條有滾動回彈效果,就像是ios原生的滾動體驗一樣

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM