如何让手机底部导航栏不浮动在页面上？

magicboy2020

求助各位，如何让手机底部导航栏不浮动在页面上？

如下图，现在导航栏是遮住页面底部的，页面的底部在红线位置，如何让页面的底部改到蓝线位置，也就是说把页面的滚动区域控制在底部导航栏的上方，原因是我在页面右下角有一个AI助手浮动按钮，而且位置还改不了，定死了，现在它被底部导航栏档住了一部分。请教有哪位专家知道怎么改么? 谢谢！

1 贡献

最佳答案

如果是默认手机模板的话
/static/image/mobile/style.css
找.footer {
最后加一行
padding-bottom:60px;
}

• qzuser1212
• 发表于2025-5-11 23:43:55
• 详细答案 >

一定

把AI助手的位置往上调整下不就行了

鸿茂传媒

模板css调一下高度就行。

qzuser1212

如果是默认手机模板的话
/static/image/mobile/style.css
找.footer {
最后加一行
padding-bottom:60px;
}

magicboy2020

感谢qzuser1212的回复！