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 (将#修改为@）

fixed jquery-mobile jquery-mobile-navbar