求一段用js固定div在移动端底部不随页面滑动的代码 且不抖动

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了求一段用js固定div在移动端底部不随页面滑动的代码 且不抖动相关的知识，希望对你有一定的参考价值。

求一段用js固定div在移动端底部不随页面滑动的代码 且不抖动

参考技术A 这需要JS吗？，把那个div插入到body下，然后用CSS控制：
position: fixed;
width: 100%;
left: 0px;
bottom: 0px;

移动端解决底部固定按钮遮挡页面内容

问题描述

首先实现按钮固定在页面底部，需要设置按钮的position为fixed
然后页面一些内容被底部固定的按钮遮挡住了，导致显示不全

在这里插入图片描述

方法1

在页面内容最下面写一个透明div，设置这个透明div的宽和高； width: 100%; height: 60px;
在这里插入图片描述

方法2

在vue单页面最外面div加 padding-bottom：60px；
在这里插入图片描述

最终效果完美实现

在这里插入图片描述

以上是关于求一段用js固定div在移动端底部不随页面滑动的代码 且不抖动的主要内容，如果未能解决你的问题，请参考以下文章