html - コンテンツを 2 回目にクリックすると、ヘッダーがページ内でスクロールしますか?

Question

私のページには、ヘッダーがその位置にあるときに初めてスクロールするときに、コンテナー領域にヘッダーとリストビューがありますが、コンテンツをクリックした後、スクロールするとヘッダーが移動します。コンテナタグに data-position を固定で入れます。問題は何ですか？

<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

固定ヘッダーはiOSデバイスで正常に機能します。より安定したパフォーマンスを実現するには、iScrollviewを実装します。https://github.com/watusi/jquery-mobile-iscrollview

Answer 2

<div>上位 2 つの要素を組み合わせてみてください。data-role="header"andは、要素の直接の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>