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

Posted 2021-07-24 铁锤妹妹@

问题描述

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

方法1

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

方法2

在vue单页面最外面div加 padding-bottom：60px；

最终效果完美实现