使用position：fixed;bottom:0;z-index:15;可以在PC端的浏览器上一直固定在底部，
但是在移动端的浏览器上就有问题了，当滚动条到最底部继续往下的时候，整个页面
包括工具栏的div也一起向上了，出现手机自带的灰色背景，这种情况应该怎么处理呢？
我现在想就是在手机上怎么实现让工具栏的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" />解决 无用评论 打赏举报 分享
- 2021-05-24 11:47回答 3 已采纳 button的容器relative定位，button absolute定位，right:0px; top:0px，right和top自己看着定
- 2017-08-29 06:19回答 6 已采纳 首先，浏览器不同对css+div的支持也不同，其次你的布局有没有做适配操作呢？不同分辨率下布局肯定也是不一样的，做了适配后统一用%来分配长高（具体做法可在网上找）， 最后，bootstarp里面的c
- 2021-07-28 11:12回答 3 已采纳 不用回复，本人已自行解决
- 2021-06-09 13:53浪斌的博客 导航栏固定在底部，随浏览器一起移动;工具/原料需要的CSS样式:position:fixed;z-index:999;left:0;right:0;bottom:0;正常导航,方法/步骤1:原理:通过CSS样式就可以完成position:fixed;生成绝对定位的元素，相对于...
- 2015-09-02 07:30回答 1 已采纳 首先设置position:absolute 然后再设置z-index
- 2016-12-27 10:02回答 9 已采纳 ## 失误了！代码如下： ``` ```
- 2017-11-16 10:22回答 5 已采纳 function myfun(){ var div1=document.getElementById("content"); var div2=document.getEl
- 2021-06-10 16:15聂飞琼的博客 工具栏使用“固定工具栏”插件将被固定在视图的顶部或底部，当页面自由滚动，固定栏始终浮动在屏幕的顶部或者底部。在浏览器不支持固定定位，工具栏将留在那固定的位置(页面的顶部或底部)。给头部栏或底部栏设置这样...
- 2019-08-16 12:15回答 2 已采纳 ``` jquery: var fuji = $('#table').parent(); // 前后都可以 // $('#table').before(''+$('#table')
- 2018-09-03 02:39回答 6 已采纳 inline-block是包含空格、换行符的，所以种种原因会导致inline-block产生间距，即会出现换行。https://blog.csdn.net/camillezj/article/deta
- 2020-08-14 09:20回答 1 已采纳 把下面“删除”2个字替换成你的删除图片 ```
- 2021-02-23 14:50Lucky宝宝的博客 解决IOS引入H5页面Safari浏览器工具栏会遮挡页面底部展示 问题图片展示 现在可以看到 底部遮住了 因为这个项目是IOS和Android共同接入的一套代码，在网上找了一些解决方法后，以下是我的处理放式 //使用计算属性 ...
- 2021-12-08 17:31回答 5 已采纳 点击哪个，这个div设置成display:block，其他的display:none;
- 2018-08-29 19:55hangGe0111的博客 1.当纵向距离比较大时，浏览器可以纵向滚动，当纵向滚动时，浏览器会自动隐藏自己的工具栏； 2.举例 2.1代码 <!DOCTYPE html> <html> <head> <meta ...
- 2019-07-10 14:18雨季～～的博客 使用高度100vh时：100vh=当前视口可见高度 这种情况下工具栏的高度是不包含在100vh里面的，所以设置高度为100vh在苹果浏览器中打开会出现滚动条的问题或者页面被工具栏遮挡，这种是我在移动端开发中比较常用的方式，...
- 没有解决我的问题, 去提问
