第二次點擊內容時，頁面正在滾動頁面？

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