您的位置：首页技术文章
文章详情页

javascript - 关于css绝对定位在ios浏览器被橡皮筋遮挡的问题

更多 QQ空间 微信 QQ好友 腾讯朋友 复制链接
【字号：大 中 小】日期：2023-02-18 17:20:59浏览：46作者：猪猪

问题描述

地址是testlele.handone.com 他有一个底部导航 但是在ios手机的浏览器上网页到最低端往下拉还是可以拉的 会导致底部导航被一片白色遮挡住 求个解决办法javascript - 关于css绝对定位在ios浏览器被橡皮筋遮挡的问题

导航代码是`

display: flex;position: absolute;z-index: 500;bottom: 0;width: 100%;background-color: #f7f7fa;`

问题解答

回答1：

如果是嵌入在webview中的网页，应该让IOS开发禁用webview中的回弹效果，如果就是单纯网页的话不知道这个管不管用：/a/11...

回答2：

试试display:fixed

标签： JavaScript
上一条：javascript - vue 子组件有个按钮，点击了要改变状态，这个状态是父组件通过接口取的，就是要动态改变接口的状态下一条：javascript - artTemplate 模板引擎，从后台获取到的数据就是html代码如何渲染到页面
相关文章：
1. python - 基于scrapy-redis的分布式爬虫运行的时候不能正常运行 遇到的问题如下截图所示2. android - 新建项目卡在Gradle:Resolvedependencies’:app:_debugCompile’3. angular.js - 焦虑！angular的ng-options的问题4. javascript - 关于在angularjs的select中遇到的问题！！5. Android Studio 中程序添加不上Xutils 3.0 jar包6. css3 - 我的css用less写的，eclipse的jsp文件要修改css很麻烦，怎么解决？7. angular.js - Angular1使用bootstrap轮播条carousel不能自动轮播8. atom编译器 如何格式化前端代码文件？9. android - NavigationView 的侧滑菜单中如何保存新增项（通过程序添加）10. android - 使用listview加载不同item，数据填充错误。
排行榜
javascript - 关于在angularjs的select中遇到的问题！！
javascript - 关于在angularjs的select中遇到的问题！！
1. android - 新建项目卡在Gradle:Resolvedependencies’:app:_debugCompile’
2. python - 基于scrapy-redis的分布式爬虫运行的时候不能正常运行 遇到的问题如下截图所示
3. Android Studio 中程序添加不上Xutils 3.0 jar包
4. angular.js - Angular1使用bootstrap轮播条carousel不能自动轮播
5. angular.js - 焦虑！angular的ng-options的问题
6. css3 - 我的css用less写的，eclipse的jsp文件要修改css很麻烦，怎么解决？
7. atom编译器 如何格式化前端代码文件？
8. javascript - 关于Js中 this的一道题
9. android - 使用listview加载不同item，数据填充错误。
10. android - NavigationView 的侧滑菜单中如何保存新增项（通过程序添加）
热门标签