ios position:fixed 上滑下拉抖动
2024-09-03 00:54:31
ios position:fixed 上滑下拉抖动
最近呢遇到一个ios的兼容问题,界面是需要一个头底部的固定的效果,用的position:fixed定位布局,写完测试发现安卓手机正常的,按时ios上会出现上滑或者下拉的时候头部或者底部被带下来,然后过一会自己在滑上去,感觉很卡顿,感官很不好,最后发现是position:fixed的兼容问题
百度找了两个方案分别用了一下
方案一
transform: translateZ(0); -webkit-transform: translateZ(0);
解释:在使用position:fixed的元素上加上该属性。
但是这个我写了并没有奏效,按照他的用法,不知道是不是我写的问题,也是很郁闷了
方案二
页面布局
<header></header>//头部置顶 <div></div> //中间滚动 <footer></footer>//底部置底
css
header{ position:fixed; top:; } div{ position:absolute; overflow-y:scroll; } footer{ position:fixed; bottom:; }
好了,完美解决问题
最新文章
- SpringMVC 温故而知新
- SQL --分组【Group By】
- Java关键字用法及区别
- Sqli-LABS通关笔录-11[sql注入之万能密码以及登录框报错注入]
- 廖雪峰js教程笔记7 基本类型和包装类型
- lintcode:最大子正方形
- 【翻译】Selenium IDE v1.0.11 支持转换格式吗?
- [IO] C# FileOperateHelper文件操作类与源码下载
- SVN操作手册(part1&;part2)——SVN安装
- js中的Object.defineProperty()和defineProperties()详解
- Windows cmd命令反斜杠问题
- 掌握这些知识,你的python水平能更上一层楼(续)
- Python中查看函数相关文档
- Lintcode93-Balanced Binary Tree-Easy
- (转)Oracle定时执行计划任务
- winfrom之datagridview分页显示
- github使用记录
- java commons.lang3 ArrayUtils使用
- [ajax] quick double or multiple click ajax submit cause chrome explorer&#39;s error snatshot
- 查看linux系统的信息