如题，因为用的不是框架，底部菜单栏只是在每个一级页面上的一个 ，但是设置后发现
原来的页面显示的时候，菜单栏会把那一部分内容遮住，想问下有什么解决办法没有，
而且还不影响原来写的上拉刷新事件， 加 我试了不行，
手机HTML5页面底部菜单栏遮住了显示内容
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
分享- 邀请回答
-
1条回答 默认 最新
Go 旅城通票 2016-06-13 02:53关注fixed定位的菜单，要给body添加padding-top和padding-bottom，值为菜单的高度px，这样才不会遮盖住内容
评论 打赏解决 1无用举报 分享
- 2019-08-19 15:57回答 1 已采纳 将总页面高度设置为100vh，或者设置window.innerHeight 试试？
- 2022-09-01 10:11回答 1 已采纳 给个最小宽度就行了，缩小到一定程度会出现滚动条，也可以使用媒体查询，缩小到某一大小的时候重新设置样式
- 2021-11-29 18:00回答 3 已采纳 最下面新建个和固定层高度一样的空白标签
- 2021-06-24 12:48weixin_39684967的博客 } } document.body.style.height = pageHeight + 'px' } 通过这个方法就可以获取在手机浏览器去掉头部和底部的实际可用高度，并绑定在body上，其他的可以相对于body来设置高度，这样就不会超出可是高度，不会被底部...
- 2021-11-09 17:17回答 2 已采纳 你要导航和页面容器分隔开，因为导航固定在上面了，下面的容器应该设置一个上方的margin-top，也就是上方边距，高度为导航的高度就好了，这样可以保证内容容器是在导航容器下方没有重叠，内容也就不会出现
- 2019-06-10 17:03回答 1 已采纳 获取tabbar的高度，在页面最后加上啊一个个空白的元素，高度等于tabbar的高度
- 2022-09-20 11:15回答 2 已采纳 给 导航栏父元素 加个 z-index：999试试
- 2021-06-13 01:21冬瓜哥已被Jin言的博客 导航下拉菜单被banner遮住/显示不全，这种问题是老生常谈了，经常有新手会问，有些人做了2、3年的还会经常犯错，而且好多人还以为是js问题，其实这是基本的css知识。我觉得还是有必要写一遍文章解释给新手们。一、...
- 2022-07-31 21:23回答 5 已采纳 自适应屏幕，或者设置相对定位
- 2020-10-11 09:50回答 2 已采纳 用js设置，或者定位到t1容器上面的对象，而不是直接对t1定位 ``` Title1 定位到Title1 ```
- 2023-04-23 15:05回答 1 已采纳 基于Monster 组和GPT的调写： 如果在设置锚点定位之后被固定的页面顶部遮住，你可以考虑在锚点元素的上方添加一个占位元素，并设置其高度为固定值，这样就可以把内容向下移动一定的距离，从而避免被固定
- 2021-06-13 08:05梅m的博客 问题描述：我们使用 h5 做移动网站开发时，如果文本框在页面的下方，当输入信息弹出的软键盘会将输入框挡住(Android 会有这个问题，IOS会自动将整个页面上移)，IOS中软键盘关闭后，页面上移的部分不会自动下移，体验...
- 2022-04-12 20:13回答 4 已采纳 用z-index定义层次
- 2021-01-04 17:40°折月煮酒的博客 实际移动端项目中遇到，本来在pc端浏览器以及app内显示正常的h5页面，当用手机浏览器打开的时候，浏览器本身的底部栏会遮挡住H5页面的底部操作栏 处理方式如下： 1）首先获取移动端浏览器窗口的高度 ...
- 2021-10-19 18:44SdCarving的博客 最近写项目时遇到了页面被浏览器工具栏遮挡问题 本来应该是左边这样的，本地运行也没问题，但是一旦部署到服务器上后再用手机浏览器打开后就变成了右边这样，有一部分被遮挡住了。 ...
- 2020-09-30 15:281ron3Man的博客 其他安卓浏览器都没问题，在微信浏览器中会出现... // /*bottom是底部的高度*/ bottom: 50px; /*使之可以滚动*/ overflow-y: scroll; /*增加弹性滚动,解决滚动不流畅的问题*/ -webkit-overflow-scrolling: touch; }
- 2021-02-23 14:50Lucky宝宝的博客 解决IOS引入H5页面Safari浏览器工具栏会遮挡页面底部展示 问题图片展示 现在可以看到 底部遮住了 因为这个项目是IOS和Android共同接入的一套代码，在网上找了一些解决方法后，以下是我的处理放式 //使用计算属性 ...
- 2022-06-15 11:05A~小鲸喜的博客 html页面 苹果底部遮挡条
- 2020-12-24 12:37BossGuo果老板的博客 在现在的前端页面中，尤其是移动端，经常会需要将或者是模块悬浮出来，跟随页面的滑动保持定位在页面的最上方或者是最下方，如下图所示。“回复主题”模块，就是跟随页面的浮动一直悬浮在页面的最下方，代码结构如下...
- 2020-08-12 01:42Melhor_的博客 可以用视图 1.设置视图 #detail { height: 100vh; } 2.设置顶部及底部的宽度 .content { height: calc(100% - 44px - 58px); overflow: hidden; top: 44px; bottom: 60px; }
- 没有解决我的问题, 去提问
悬赏问题
- ¥15 关于#stm32#的问题：CANOpen的PDO同步传输问题
- ¥20 yolov5自定义Prune报错，如何解决？
- ¥15 电磁场的matlab仿真
- ¥15 mars2d在vue3中的引入问题
- ¥50 h5唤醒支付宝并跳转至向小荷包转账界面
- ¥15 算法题：数的划分，用记忆化DFS做WA求调
- ¥15 chatglm-6b应用到django项目中，模型加载失败
- ¥15 CreateBitmapFromWicBitmap内存释放问题。
- ¥30 win c++ socket
- ¥15 C# datagridview 栏位进度