如何让一个工具栏的div固定在手机浏览器的底部

使用position：fixed;bottom:0;z-index:15;可以在PC端的浏览器上一直固定在底部，
但是在移动端的浏览器上就有问题了，当滚动条到最底部继续往下的时候，整个页面
包括工具栏的div也一起向上了，出现手机自带的灰色背景，这种情况应该怎么处理呢？
我现在想就是在手机上怎么实现让工具栏的div同样一直固定在底部，求解

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除结题
收藏举报

2条回答

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
Go 旅城通票 2016-09-11 12:11
关注
增加meta试试

<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=0,minimum-scale=1.0,maximum-scale=1.0" />
解决无用
评论打赏
分享
举报

评论

按下Enter换行，Ctrl+Enter发表内容

报告相同问题？

关注问题

vue中怎么固定div内的按钮在某个位置？ css html5 vue.js
2021-05-24 11:47

回答 3 已采纳 button的容器relative定位，button absolute定位，right:0px; top:0px，right和top自己看着定
CSS+div网页设计电脑浏览器打开网页正常但手机浏览器打开col-sm-4位置乱了 css
2017-08-29 06:19

回答 6 已采纳首先，浏览器不同对css+div的支持也不同，其次你的布局有没有做适配操作呢？不同分辨率下布局肯定也是不一样的，做了适配后统一用%来分配长高（具体做法可在网上找），最后，bootstarp里面的c
页面在手机浏览器兼容问题 css html5
2021-07-28 11:12

回答 3 已采纳不用回复，本人已自行解决
html底部tab置顶,html如何把导航栏固定在底部随浏览器移动？
2021-06-09 13:53

浪斌的博客导航栏固定在底部，随浏览器一起移动;工具/原料需要的CSS样式:position:fixed;z-index:999;left:0;right:0;bottom:0;正常导航,方法/步骤1:原理:通过CSS样式就可以完成position:fixed;生成绝对定位的元素，相对于...
div叠层问题，如何让一个div一直在最高层？ html5
2015-09-02 07:30

回答 1 已采纳首先设置position:absolute 然后再设置z-index
如何让一个div中的值控制多个div？ java
2016-12-27 10:02

回答 9 已采纳 ## 失误了！代码如下： ``` ```
如何在一个div标签中间添加一条竖杠
2017-11-16 10:22

回答 5 已采纳 function myfun(){ var div1=document.getElementById("content"); var div2=document.getEl
iphone页面怎么实现固定工具栏 html css js,固定工具栏 data-position=fixed
2021-06-10 16:15

聂飞琼的博客 工具栏使用“固定工具栏”插件将被固定在视图的顶部或底部，当页面自由滚动，固定栏始终浮动在屏幕的顶部或者底部。在浏览器不支持固定定位，工具栏将留在那固定的位置(页面的顶部或底部)。给头部栏或底部栏设置这样...
请问各位大佬js怎么自动在table外添加一个div层 javascript
2019-08-16 12:15

回答 2 已采纳 ``` jquery: var fuji = $('#table').parent(); // 前后都可以 // $('#table').before(''+$('#table')
两个div和为100%,但是却出现换行情况
2018-09-03 02:39

回答 6 已采纳 inline-block是包含空格、换行符的，所以种种原因会导致inline-block产生间距，即会出现换行。https://blog.csdn.net/camillezj/article/deta
如何给一个div右上角加一个删除图标 css css3 html5
2020-08-14 09:20

回答 1 已采纳把下面“删除”2个字替换成你的删除图片 ```
解决IOS引入H5页面Safari浏览器工具栏会遮挡页面底部展示
2021-02-23 14:50

Lucky宝宝的博客解决IOS引入H5页面Safari浏览器工具栏会遮挡页面底部展示问题图片展示现在可以看到底部遮住了因为这个项目是IOS和Android共同接入的一套代码，在网上找了一些解决方法后，以下是我的处理放式 //使用计算属性 ...
点击导航栏切换div层内容 css html5 javascript 有问必答
2021-12-08 17:31

回答 5 已采纳点击哪个，这个div设置成display:block，其他的display:none;
滚动隐藏浏览器的工具栏
2018-08-29 19:55

hangGe0111的博客 1.当纵向距离比较大时，浏览器可以纵向滚动，当纵向滚动时，浏览器会自动隐藏自己的工具栏； 2.举例 2.1代码 <!DOCTYPE html> <html> <head> <meta ...
Safari浏览器中工具栏的高度问题
2019-07-10 14:18

雨季～～的博客使用高度100vh时：100vh=当前视口可见高度这种情况下工具栏的高度是不包含在100vh里面的，所以设置高度为100vh在苹果浏览器中打开会出现滚动条的问题或者页面被工具栏遮挡，这种是我在移动端开发中比较常用的方式，...
没有解决我的问题, 去提问

悬赏问题

¥15 vue3页面el-table页面数据过多
¥100 vue3中融入gRPC-web
¥15 kali环境运行volatility分析android内存文件，缺profile
¥15 写uniapp时遇到的问题
¥15 vs 2008 安装遇到问题
¥15 matlab有限元法求解梁带有若干弹簧质量系统的固有频率
¥15 找一个网络防御专家，外包的
¥100 能不能让两张不同的图片md5值一样，（有尝）
¥15 informer代码训练自己的数据集，改参数怎么改
¥15 请看一下，学校实验要求，我需要具体代码