安卓,ios,微信html5,position:fixed无效,会动。
来源:互联网 发布:彩票开奖直播源码 编辑:程序博客网 时间:2024/05/08 20:36
今天,写微信的网页,我本来是基于ios开发的,测试好好的,用安卓机测试的时候发现, 顶部position:fixed无效,会随着下面一层的div滚动而滚动,虽然最后回到他的位置上,
但是由于一直摇晃,很刺眼,非常影响用户体验。
在滚动的div 加 上样式 -webkit-transform: translateZ(0); 就可以了,目的是禁止div变动,
-注:
moz代表firefox浏览器私有属性
-ms代表ie浏览器私有属性
-webkit代表safari、chrome私有属性
ios 使用 -webkit-overflow-scrolling: touch;
使滑动顺滑,可以达到部分效果。
目前看来,好像没什么好办法,情况允许的话可以使用插件, 比如iscroll 之类的。
1 0
- 安卓,ios,微信html5,position:fixed无效,会动。
- 解决ios position:fixed无效
- IE6 position:fixed无效
- 移动端 position fixed无效
- ios position:fixed 兼容
- 安卓手机虚拟键盘和position:fixed问题
- HTML5会让iOS和安卓开发者转行吗?
- position:fixed在chrome浏览器中无效
- 移动端html5图片上传方法【更好的兼容安卓IOS和微信】
- 移动端html5图片上传方法【更好的兼容安卓IOS和微信】
- 移动端html5图片上传方法【更好的兼容安卓IOS和微信】
- iframe包含的position:fixed无效的原因
- position:fixed
- position:fixed
- position:fixed
- position:fixed
- 困扰:微信开发 安卓和IOS下 对JSON格式解析 导致苹果手机sinature签名无效的问题
- 安卓,ios,ios微信, 自动播放音频;
- 第一个shell
- javascript之JSON小案例,实现添加数据与清楚数据
- linux file System directory
- 韩顺平Spring框架学习,学习笔记(七)
- Java之------单机版书店管理系统(设计思想和设计模式系列二)用户模块
- 安卓,ios,微信html5,position:fixed无效,会动。
- 关于“硬解码”与“软解码”
- 如何制作AOPR软件的字典文件
- LintCode 49. Sort Letters by Case
- 结构的艺术:模糊查询
- nvl()函数用法
- loadrunner error 27727
- Android使用http协议实现文件的上传
- Ubantu开机黑屏,只有白色光标在左上角闪烁的解决办法