scroll 区域滚动
2024-10-18 18:28:15
网页内都有快速滚动和回弹的效果:
overflow: scroll;
-webkit-overflow-scrolling: touch;
实际上,Safari用了原生控件来实现,对于有-webkit-overflow-scrolling的网页,会创建一个UIScrollView,提供子layer给渲染模块使用。
使用问题1:
有时候滑动完失灵,需要把滑动过的元素display:none重置一下
使用问题2:
在Android Chrome上,img滚动有问题
#popover > * {
-webkit-transform: translateZ(0); 新建一个stack上下文和GPU层(没事别滥用啊)
}
兼容性:
iOS Safari需要5.0+。Android只在2.3以上支持。
动画式滚动到头部:
$this.click(function(e) {
e.preventDefault();
$("body, html").animate({scrollTop : 0}, config.speed);
});
最新文章
- jQuery 的选择器常用的元素查找方法
- python中re.findall()找到的结果替换
- solrcloud线上创建collection,修改默认配置
- MySQL压测中遇到的一些问题
- BootStrap入门_创建第一个例子
- 使用ssh远程执行命令批量导出数据库到本地(转)
- c#编写的基于Socket的异步通信系统
- Java工程中使用Mybatis (工程结合Mybatis,数据可以结合Swing使用)
- python掉微信api
- 基于IPv6的数据包分析(第三组)
- loadrunner使用过程遇到的问题(一)
- centos7 部署 docker ce
- python接口自动化测试二十二:文件下载
- python------模块定义、导入、优化 ------->;Yaml, l模块
- Html.DropDownListFor练习
- VS Code折腾记 - (4) 常用必备插件推荐【前端】
- [LeetCode系列] 双单链表共同节点搜索问题
- Vue.js随笔二(新建路由+component+添加样式+变量的显示)
- 不用storyboard,用xib开发
- Java中有两种实现多线程的方式以及两种方式之间的区别