-webkit-overflow-scrolling
来源:互联网 发布:苏州知行汽车 编辑:程序博客网 时间:2024/05/22 09:44
概述
-webkit-overflow-scrolling 属性控制元素在移动设备上是否使用滚动回弹效果.
值
auto
使用普通滚动, 当手指从触摸屏上移开,滚动会立即停止。
touch
使用具有回弹效果的滚动, 当手指从触摸屏上移开,内容会继续保持一段时间的滚动效果。继续滚动的速度和持续的时间和滚动手势的强烈程度成正比。同时也会创建一个新的堆栈上下文。
示例
-webkit-overflow-scrolling: touch; /* 当手指从触摸屏上移开,会保持一段时间的滚动 */-webkit-overflow-scrolling: auto; /* 当手指从触摸屏上移开,滚动会立即停止 */
规范
尚未有相关规范。另在Apple提供的Safari CSS 参考文档中有所提及。
浏览器兼容性
Desktop Mobile
FeatureChrome Firefox (Gecko)Internet ExplorerOperaSafari (WebKit) Basic support?未实现??? FeatureAndroidFirefox Mobile (Gecko)IE PhoneOpera MobileSafari Mobile Basic support?未实现??5.0相关链接:
- CSS-Tricks article with demo
- -webkit-overflow-scrolling entry in Safari CSS Reference docs
参考:
- MDN web docs
阅读全文
0 0
- -webkit-overflow-scrolling 学习
- -webkit-overflow-scrolling: touch
- -webkit-overflow-scrolling
- css:-webkit-overflow-scrolling: touch;
- 关于 -webkit-overflow-scrolling:touch 的小bug
- ios下使用-webkit-overflow-scrolling:touch带来的bug
- 网页在Safari快速滚动和回弹的原理: -webkit-overflow-scrolling : touch;的实现
- 网页在Safari快速滚动和回弹的原理: -webkit-overflow-scrolling : touch;的实现
- 网页在Safari快速滚动和回弹的原理: -webkit-overflow-scrolling : touch;的实现
- 网页在Safari快速滚动和回弹的原理: -webkit-overflow-scrolling : touch;的实现
- -webkit-overflow-scrolling:touch;在本身没有滚动,动态加入内容撑大后不滚动的bug
- 网页在Safari快速滚动和回弹的原理: -webkit-overflow-scrolling : touch;的实现
- 网页在Safari快速滚动和回弹的原理:-webkit-overflow-scrolling:touch;的实现
- -webkit-overflow-scolling使用心得
- 傲游等webkit内核 overflow:hidden 的BUG
- Scrollbars & Scrolling
- Scrollbars & Scrolling
- overflow
- #多线程编程
- Mac OS 简易安装redis 标签: redisbrewserverclientMacOS 2016-05-30 23:04 7813人阅读 评论(0) 收藏 举报 分类: Redis 版权声
- 华为手机不打印日志信息
- AJAX插件form的应用
- Hive体系架构
- -webkit-overflow-scrolling
- 线程池的参数
- Server Socket
- Mysql分页
- 深搜dfs核心代码
- Unity中几个默认函数辨析
- SGBM算法总结
- Linux的运行级别和常用命令(一)
- javaee学习日记之html