2012-01-28 12 views
1

非常に単純なコードを使用して、ページ上部のスクロールをアニメートします。次のようにコードは次のとおりです。何らかの理由でjQuery scrollを使用しているときにスクロールjtring

$(document).ready(function(){ 
    $('div#top').hover(function(){ 
     $('html, body').animate({ 
      scrollTop:0 
     }, 2500); 
    }); 
}); 

、スクロールが発生した後、あなたは再びスクロールダウンしようとした場合、あなたはスクロールダウンを許可する前に数秒間ページの瓶。それは他のブラウザでそれほど良くはないがFFを使用すると最悪のようだ。

私はどのように私は停止するためにびびらを得ることができるかについてのアイデアはありますか?

+1

オペラに問題が残っているかどうかは分かりませんが、htmlと本文を別々にアニメーション化しても問題ありませんが、ここでは修正されています(http://www.zachstronaut.com/posts/2009)。 /01/18/jquery-smooth-scroll-bugs.html) – Mottie

+0

@fudgey非常に親切で、私はそれをチェックアウトします。 – Ryan

答えて

1

hoverに1つの関数だけを渡すと、マウスがマウスを離したときに実行されます。したがって、マウスがdiv#top要素を離れるとすぐに、別のスクロールアニメーションが開始されますが、下にスクロールするまで表示されません。

代わりにmouseenterにバインドします。

+0

ああ、学童エラーです。私は 'mouseenter'を試してみました。ありがとう。 – Ryan