求一段用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在移动端底部不随页面滑动的代码 且不抖动的主要内容,如果未能解决你的问题,请参考以下文章