2012-03-06 7 views
6

私は下部にある要素をタップしてアクティブになっているページに取り組んでいます。要素は次に内容を明らかにするために高さを伸ばす(即座に)。これは、その要素にjQueryでクラス( ".active")を追加することによって行われます。jQuery addClassは、AndroidとiPhoneでトップに戻るようにウィンドウを移動させます。

実際にアクティブなものは、表示ブロックといくつかの高さです。しかし、それをタップするたびに、ブラウザは先頭にジャンプします。 JavaScriptのaddClass部分をコメントアウトすると、正常に動作します。

ヘッドアップの場合、アンカータグには「href =#」はありません。あなたが元の位置に戻し、それをクリックするたびに画面を入れることができます一時的な修正として

+0

何を異なる方法でクラスを追加してみたら?あたかも同じようなことが起こります! –

+0

同じことが起こります!私はレンダリングの問題があるかもしれないと思います。 – Kasper

+0

あなたのスタイルやクラスに間違いがないことを確認しましたか?そのクラスを要素に静的に割り当てるとどうなりますか?クラスを割り当て、cssプロパティを使用して要素を動的に表示/非表示にします。それは同じ振る舞いを生み出しますか? – Nilesh

答えて

0

..

$('.troublemaker').click(function(e){ 
    var currentScroll = $(document).scrollTop(); 
    setTimeout(function(){ $(document).scrollTop(currentScroll); }, 10); 
}); 
関連する問題