如何解决jquery mobile 固定页眉/页脚向下或向上移动
我正在使用 jQuery Mobile 完成一个 Android 应用程序。
我的页面以结构为标准
<div data-role="page" id="notification">
<div data-role="header" data-position="fixed">
<img class="logo-ecosensors" src="img/logo-smart-bud-small.png">
<h1></h1>
<a href="#info" class="ui-btn ui-shadow ui-corner-all ui-btn-right ui-icon-back ui-btn-icon-notext">Back</a>
</div><!-- /header -->
<div class="msg-error"></div>
<div class="title">
<h2>Notification</h2>
</div>
<div role="content" class="ui-content">
<ul id="notif" style="margin-top:10px;" data-role="listview" data-inset="false">
<li>Actuellement,il n'y a pas de notifications.</li>
</ul>
</div><!-- /content -->
<div data-role="footer" data-position="fixed">
</div><!--
/footer -->
</div><!-- /page -->
页脚和页眉必须固定。 它的工作,但我观察到一些页面有很多内容(更多的是屏幕的高度),当我点击某个地方时,脚是隐藏的。其实不是隐藏,而是在屏幕底部移动。
如果现在,我在中间滚动并单击一些隐藏标题和底部的位置。其实不是隐藏,而是页眉上移到页面顶部,页脚下移。
最后,当我滚动页面底部并再次单击时。 页脚在那里,但页眉移动到顶部。
它并不是真正固定的,因为页眉和页脚不会停留在屏幕的顶部和底部,而是在单击后移动到页面底部或顶部。
有什么办法可以避免这样的问题吗?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。