如何让一个工具栏的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
解决IOS引入H5页面Safari浏览器工具栏会遮挡页面底部展示
2021-02-23 14:50

Lucky宝宝的博客解决IOS引入H5页面Safari浏览器工具栏会遮挡页面底部展示问题图片展示现在可以看到底部遮住了因为这个项目是IOS和Android共同接入的一套代码，在网上找了一些解决方法后，以下是我的处理放式 //使用计算属性 ...
请问各位大佬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个字替换成你的删除图片 ```
iphone页面怎么实现固定工具栏 html css js,固定工具栏 data-position=fixed
2021-06-10 16:15

聂飞琼的博客 工具栏使用“固定工具栏”插件将被固定在视图的顶部或底部，当页面自由滚动，固定栏始终浮动在屏幕的顶部或者底部。在浏览器不支持固定定位，工具栏将留在那固定的位置(页面的顶部或底部)。给头部栏或底部栏设置这样...
点击导航栏切换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 python中合并修改日期相同的CSV文件并按照修改日期的名字命名文件
¥15 有赏，i卡绘世画不出
¥15 如何用stata画出文献中常见的安慰剂检验图
¥15 c语言链表结构体数据插入
¥40 使用MATLAB解答线性代数问题
¥15 COCOS的问题COCOS的问题
¥15 FPGA-SRIO初始化失败
¥15 MapReduce实现倒排索引失败
¥15 ZABBIX6.0L连接数据库报错，如何解决？(操作系统-centos)
¥15 找一位技术过硬的游戏pj程序员

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

2条回答 默认 最新

悬赏问题

2条回答默认最新