IOS webkit-overflow-scrolling: touch 踩坑筆記


-webkit-overflow-scrolling: touch; /* 當手指從觸摸屏上移開,會保持一段時間的滾動 */

-webkit-overflow-scrolling: auto; /* 當手指從觸摸屏上移開,滾動會立即停止 */

overflow:auto 或scroll在ios下無效,需要用-webkit-overflow-scrolling屬性
然而 “該特性是非標准的,請盡量不要在生產環境中使用它!”

橡皮筋事件會導致卡頓,要幾秒之后才能恢復正常。

解決方案是
-webkit-overflow-scrolling: touch; /*MAKES OVERFLOWN OBJECTS HAVE INERTIA SCROLLING*/
-webkit-transform: translateZ(0px); /*HELPS THE ABOVE WORK IN IOS5*/
-webkit-transform: translate3d(0,0,0); /*HELPS THE ABOVE WORK IN IOS8*/
-webkit-perspective: 1000; /*HELPS THE ABOVE WORK IN IOS8*/


免責聲明!

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



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