关于HBuilder mui二级菜单弹出位置变化问题

最新推荐文章于 2025-06-09 09:04:46 发布

原创

最新推荐文章于 2025-06-09 09:04:46 发布 · 3k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#HBuilder #二级菜单 #位置变化

在使用HBuilder开发APP时，遇到二级菜单位置随页面滚动改变的问题。通过检查代码，发现将二级菜单元素置于<header>内是导致问题的原因。解决方法是将二级菜单元素移出<header>，确保其位置固定。

昨天，做APP的二级菜单页面时遇到一个问题。

在运行时第一次打开二级菜单界面显示图：

接着把页面往下拉或者往上拉后，再次点开二级菜单，就会发现菜单随着下拉和上拉的幅度变化位置，如下图：

问题已经解决：解决方法如下：

首先，看我的错误源代码：

<header id="header" class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<a id="Navigation" class="mui-tab-item mui-title" href="#Popover">校园风光 <span class="mui-icon mui-icon-arrowdown"></span></a>

			<div id="Popover" class="mui-popover mui-bar-popover">
				<div class="mui-popover-arrow"></div>
				<ul class="mui-table-view">
					<li class="mui-table-view-cell">
						<a id="xxjj" href="biz/info.html">学校简介</a>
					</li>
					<li class="mui-table-