码迷,mamicode.com
首页 > 移动开发 > 详细

IOS webkit-overflow-scrolling: touch 踩坑笔记

时间:2017-12-18 01:24:51      阅读:344      评论:0      收藏:0      [点我收藏+]

标签:恢复   属性   一段   生产环境   ios8   translate   scroll   事件   导致   

-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*/

IOS webkit-overflow-scrolling: touch 踩坑笔记

标签:恢复   属性   一段   生产环境   ios8   translate   scroll   事件   导致   

原文地址:http://www.cnblogs.com/ignacio/p/8053786.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!