第二次点击内容时，页面正在滚动页面？

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