-webkit-overflow-scrolling
2017-05-11 23:48
176 查看
-webkit-overflow-scrolling: auto; /* 当手指从触摸屏上移开,滚动会立即停止 */
-webkit-overflow-scrolling: touch; /* 当手指从触摸屏上移开,会保持一段时间的滚动 */
兼容性 Safari iOS 5.0+
-webkit-overflow-scrolling:touch在ios上会为容器添加惯性滚动,手指从屏幕移开,内容会继续滚动,滚动的速度和时间和滚动手势的强烈程度成正比
在Safari上会使用原生控件来实现滚动,但也会增加内存消耗,应该在大面积overflow时候使用该属性
-webkit-overflow-scrolling:touch的bug
在定位元素position:absolute或者position:realative上使用该属性时候,滑动几次后,滚动区域会卡住,不能再滑动,这时候给元素增加z-index值就可以了
-webkit-overflow-scrolling: touch; /* 当手指从触摸屏上移开,会保持一段时间的滚动 */
兼容性 Safari iOS 5.0+
-webkit-overflow-scrolling:touch在ios上会为容器添加惯性滚动,手指从屏幕移开,内容会继续滚动,滚动的速度和时间和滚动手势的强烈程度成正比
在Safari上会使用原生控件来实现滚动,但也会增加内存消耗,应该在大面积overflow时候使用该属性
-webkit-overflow-scrolling:touch的bug
在定位元素position:absolute或者position:realative上使用该属性时候,滑动几次后,滚动区域会卡住,不能再滑动,这时候给元素增加z-index值就可以了
-webkit-overflow-scrolling: touch; position:absolute; z-index:1;
相关文章推荐
- ios下使用-webkit-overflow-scrolling:touch带来的bug
- ios下使用-webkit-overflow-scrolling:touch带来的bug
- 网页在Safari快速滚动和回弹的原理: -webkit-overflow-scrolling :
- -webkit-overflow-scrolling:touch及ios滚动
- -webkit-overflow-scrolling解决移动端iOS滚动卡顿现象
- -webkit-overflow-scrolling:touch iosBug
- css:-webkit-overflow-scrolling: touch;
- 关于 -webkit-overflow-scrolling:touch 的小bug
- -webkit-overflow-scrolling:touch;在本身没有滚动,动态加入内容撑大后不滚动的bug
- 实现滚动条丝滑滚动,流畅不卡顿,有回弹效果。-webkit-overflow-scrolling
- 深入研究-webkit-overflow-scrolling:touch及ios滚动
- 网页在Safari快速滚动和回弹的原理: -webkit-overflow-scrolling : touch;的实现
- 网页在Safari快速滚动和回弹的原理: -webkit-overflow-scrolling : touch;的实现
- -webkit-overflow-scrolling : touch 快速滚动 回弹 效果
- -webkit-overflow-scrolling:touch
- -webkit-overflow-scrolling 学习
- 网页在Safari快速滚动和回弹的原理: -webkit-overflow-scrolling : touch;的实现
- -webkit-overflow-scrolling 与滚动回弹效果.
- webkit私有css3属性 -webkit-overflow-scrolling:touch;
- 网页在Safari快速滚动和回弹的原理: -webkit-overflow-scrolling : touch;的实现