H5页面，遇到css样式不兼容部分ios机型，解决办法（No .1）
2018-06-19 18:24
316 查看
问题：
App有一个底部栏（要求：永远bottom：0），但是在部分页面，底部栏超出了屏幕的高度，所以，看上去好像是消失不见了一样。。
思路：
页面挂载的时候，判断一下offsetTop，如果大于当前屏幕的高度，就让其上移：translateY（上移动数值为：当前底部栏的offset - 页面的高度）
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- H5页面，iOS以及部分Android手机链接a等标签点击的时候，会有阴影，怎么解决？
- 解决H5页面在部分android版本中line-height不兼容问题
- 常见的移动端H5页面开发遇到的坑和解决办法
- 常见的移动端H5页面开发遇到的坑和解决办法
- 常见的移动端H5页面开发遇到的坑和解决办法
- 学习H5页面遇到的一些问题与解决办法汇总
- 关于部分ghost版windowsXP sp2系统下的iis5无法解析、运行asp页面的解决办法
- 用Fuel部署OpenStack的时候可能遇到的问题及部分解决办法
- ios升级为5后,程序编译时遇到的关于libz 1.2.3.dylib类包的各种问题解决办法
- iOS 全局禁止横屏，但UIWebView 全屏播放视频，横屏，解决办法(任意页面横竖屏或禁止)
- 【iOS开发-19】遇到Apple Mach-O Linker Error的情况和解决办法，调整你打开的姿势
- 开发中 ios 11.0系统遇到的坑及解决办法
- iOS使用Sencha Touch、ExtJs6 Modern或iscroll等框架时，文本框聚焦的光标不跟随页面(文本框)滚动 的解决办法
- 移动端开发，IOS、iPhone，表单input元素获取焦点时页面被放大的解决办法。
- 解决 ios 11 和 h5 页面在 wkwebview 上显示, footer 设置 bottom 为 0 时, 顶部会出现留白
- 关于字符串和byte数组在java和ios之间兼容的解决办法。
- IOS微信内置浏览器history.back();不刷新页面解决办法
- iOS开发者遇到审核失败的原因及解决办法
- DELPHI XE5 UP2 运行IOS 遇到 Wrapper init failed: (null)问题的解决办法
- LNMP一键安装环境 wordpress后台部分页面出现502解决办法