H5: 关于底部导航使用“fixed”会遮住网页最下面内容的解决办法!

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/csu_passer/article/details/85028302

Bug

写完界面之后发现跑起来是这样的:

在这里插入图片描述

同学和我说可以考虑加一个空的<div>占住底部导航栏的位置。这样确实可行,但是会无缘无故多出一个标签,我感觉这很罪恶!

Solution

果然下班走在漆黑的小路上思考,突然灵光一闪发现可以这样

    <router-view style="padding-bottom: 53px"/>

给有底部导航的组件的子导航加上padding不就完美解决了吗—

在这里插入图片描述

我真TM是个人才–

猜你喜欢

转载自blog.csdn.net/csu_passer/article/details/85028302