拡張時のjquerymobile折りたたみセットのスクロール位置

Question

jQueryMobile（v1.4.0）collapsible set/accordionsを使用して、こののように要素とその内容のリストを表示しています。項目の内容が画面の長さよりも長いとき

<div id="List" data-role="collapsible-set"> 
    <div data-role="collapsible" data-content-theme="c"> 
     <h3>Lorem ipsum 1</h3> 
     <p>Suspendisse neque...</p> 
    </div> 
    <div data-role="collapsible" data-content-theme="c"> 
     <h3>Lorem ipsum 2</h3> 
     <p>Lorem ipsum...</p> 
    </div> 
</div> 

私が持っている問題は、スクロールです。フィドルで例えば

：

• オープン最初の折りたたみ可能な項目
• 一番下までスクロール（あなたがスクロールする必要がない場合は、あなたがする必要があるように、ウィンドウのサイズを変更...が、そうでない場合問題は
• オープン2番目の項目）は表示されません

=>最初の項目は閉鎖され、2番目の項目が開かれますが、ページのスクロールが変更されないし、あなたが今、第二の終わりを見ますそれmのコンテンツ。

私の質問画面上部に2番目の項目の「ヘッダー」を設定するようにページを強制するスマートな方法はありますか？

おかげで、 T.

Answer 1

折りたたみ式はしたらその位置にその.offset().topと$.mobile.silentScroll()を取得し、を拡大しました。

$(document).on("expand", "[data-role=collapsible]", function() { 
    var position = $(this).offset().top; 
    $.mobile.silentScroll(position); 
}); 

更新：collapsibleexpandイベントを使用し、1.4のjQuery Mobileの。

Demo - jQM 1.0から1.1

Demo - jQM 1.2から1.3

Demo - 私はそれがJQM 1.3で動作するように管理さjQM 1.4