西恩十月
- 发布：2025-02-08 10:08
- 更新：2025-02-08 10:08
- 阅读：51
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win11
HBuilderX类型： 正式
HBuilderX版本号： 4.51
手机系统： Android
手机系统版本号： Android 14
手机厂商： 小米
手机机型： 红米K70
页面类型： vue
vue版本： vue2
打包方式： 云端
项目创建方式： HBuilderX
操作步骤：
预期结果：
预期应该最后一行能正常点击
预期应该最后一行能正常点击
实际结果：
浏览器的底部导航栏隐藏后，最后一行能无法点击。
浏览器的底部导航栏隐藏后，最后一行能无法点击。
bug描述：
tabbar的页面最底部，在edge移动端浏览器中，滚动导致浏览器的底部导航栏隐藏后，页面的最后一行无法点击；
- 如果页面高度低于100vh，则正常，因为不会页面滚动，浏览器的底部导航栏不会隐藏。
- 只有tabbar的页面会这样，普通页面页面滚动导致浏览器的底部导航栏隐藏后，页面的最后一行可以正常点击。
- 测试了小米自带浏览器和chrome手机版浏览器都正常，edge有这个问题。
- 注意不是页面的最后一行无法点击，而是当前处于设备可视界面中最底部的元素无法点击。比如附件中的示例中，有20行元素，如果滚动到12时，底部导航栏已经隐藏时，12就无法点击了。当页面继续滚动，13变成最底部，12不在最底部，则12重新恢复可点击。
