我的 Jquery Mobile 应用程序有一个固定的页脚(里面有一个导航栏)。我遇到的问题是,当用户在应用程序(最有可能是空白区域)上单击/点击或类似操作时,页脚会隐藏。
它使用某种动画(向下滑动),所以我猜这不是错误,但是我缺少 data-* 属性来防止这种情况发生。
有任何想法吗?
谢谢!
我的 Jquery Mobile 应用程序有一个固定的页脚(里面有一个导航栏)。我遇到的问题是,当用户在应用程序(最有可能是空白区域)上单击/点击或类似操作时,页脚会隐藏。
它使用某种动画(向下滑动),所以我猜这不是错误,但是我缺少 data-* 属性来防止这种情况发生。
有任何想法吗?
谢谢!
听起来您已data-fullscreen="true"
应用该属性。此属性将导致您按设计描述的行为。
只需删除该属性并保留您的data-position="fixed"
,您就可以了。
我也有一个带导航栏的页脚,我的页脚在点击时不会隐藏。试试这是否适合你:
<div data-role="footer" data-id="nav">
<div data-role="navbar" data-iconpos="top" data-position="fixed">
<ul>
<li><a data-icon="grid" href="#one">One</a></li>
<li><a data-icon="grid" href="#two">Two</a></li>
<li><a data-icon="grid" href="#three">Three</a></li>
<li><a data-icon="grid" href="#four">Four</a></li>
</ul>
</div><!-- /navbar -->
</div><!-- /footer -->