Question

在我的页面中，我在容器区域中有一个标题和列表视图，当第一次滚动标题位于其位置时，但在点击内容后，我滚动标题正在移动。我把数据位置固定在容器标签中。会出现什么问题？

<div data-role="page">

            <div id="page1">

                <div data-theme="b" data-role="header" data-position="fixed">
                     <h2 id="doc_title">
                 </h2>
               </div>


                <div data-role="content" style="position: inherit; margin-top:1.8em" data-theme="d">    
                    <ul id="cat_hold" data-role="listview" data-divider-theme="b" data-inset="true" style.marginTop="1.5em">               
                    </ul>
              </div>


            </div>

Answer 1

尝试合并前两个<div>元素。 data-role="header"和data-role="content"应该是data-role="page"元素的直接后代。

<div data-role="page" id="page1">
    <div data-role="header" data-position="fixed">
    ...
    </div>
    <div data-role="content">    
    ...
    </div>
</div>

Answer 2

固定标题适用于iOS设备。实施iScrollview以实现更稳定的性能。 https://github.com/watusi/jquery-mobile-iscrollview

当第二次点击内容时，页眉在页面中滚动？

2 个答案: