2011-10-14 14 views
3

私はリストビュー内のいくつかの折りたたみ可能なブロック(divs)をページ内に持っています。リストはかなり長いです(約100〜200個の要素)。ブロックを解除し、ページを下にスクロールし、リストの要素の1つをクリック/タップすると、ページはスクロールして次のページに移動しますページ。新しいページにスライドする前に自動スクロールを防止するJqueryMobile

この動作はどういうわけか迷惑で、よく見えません。私はこの行動を防止する方法はありますか?

私の投稿に関するその他のご質問は、お気軽にお問い合わせください。

ありがとうございます。

+0

これには誰でも。より多くの情報が必要ですか?お知らせ下さい。 – locorecto

+0

私は、スクロールトップが必要なのは、トランジションとは、新しいページがロードされ、現在のページの右側にプルアップされ、次にスライドして現在のページを置き換えることを意味するためです。 これを確認するには、ページを50%幅に縮小し、_position:static_とchangePageを設定してみてください。あなたが現在のビューポート位置で新しいページを引っ張ってしまった場合、レイアウトが本当に邪魔になると思います。私は、新しいページがビューポートに挿入される前に、現在のページが一番上にスクロールする理由を推測します。あまり助けにはならないが、少し説明する。 – frequent

答えて

1

「#」がhrefのリンクを使用すると、ページの先頭にジャンプしますが、「return false;」を追加すると、あなたのコードの実行後、それは飛び跳ねません。例:

<script> 
function test(){ 
alert('It works!'); // Just a simple function 
} 
</script> 

<!-- Div to make the page scrollable --> 

<div style="margin-top:1000px;height:1px;width:1px;"></div> 

<a href="#" onClick="test(); return false;">Yay</a> 
<!-- Triggering the test function and not jumping up to the top --> 

これはあなたが考えていたものかどうかはわかりません。

+0

また、jQueryでevent.preventDefault()を使用することもできます。 – imp

関連する問題