jQueryでスクロール位置を維持するモバイルスライドの遷移

Question

私は現在jQuery Mobileを使用しているモバイルウェブサイトを開発中です。ページを切り替えるときに私はスライド遷移を使用します。これらのページはかなり長いため、スクロールが必要です。

リンクをスクロールしてクリックすると、新しいページをスライドする前にページを上にスクロールすると目に見えるジャンプがあります。ある時点でトップへのスクロールが必要なときに、2つのページが並んでいるため、

私が試した1つのことは次のとおりです。 新しいページを上からオフセットして、ページがスクロールされたレベルで開始し、アニメーションが完了したときにオフセットを0にリセットしますページはスクロールダウンしたままになります。 window.scrollToまたはjQueryのscrollTop（）を使用すると、固定ヘッダーで最も目立つフリッカーが目立ちます。

古いページをスクロールしたままにしても、新しいページがスクロールしないようにすることはできますか？

私はこれをiPod touch 3rd Gen、iPhone 4、iPhone 4sでテストしました。驚くほどちらつきの少ないデバイスがiPod touchになっています。

Answer 1

は、呼び出されるjavascript関数の最後にあります。

 function yourFunctionBeingCalled(){ 
     /*your code*/ 
     return false; 
    } 

あなたはpreventDefault（）も使用できます。またはevent.stopPropagation（）;

reffer機能： event.preventDefault() vs. return false

はそれが助け願っています。

Answer 2

単純にこのCSSを追加

div[data-role='page'] { bottom: 0; -webkit-overflow-scrolling: touch; } 

（ hereから）