2012-01-28 1 views
1

매우 간단한 코드를 사용하여 페이지 상단으로 스크롤하는 것에 애니메이션을 적용하고 있습니다. 다음과 같이 코드는 : 어떤 이유jQuery scroll을 사용할 때 스크롤 jopring 위로 가기

$(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에 하나의 함수 만 전달하면 마우스를 놓고 실행하면 마우스가 놓입니다. 따라서 마우스가 div#top 요소를 떠나 자마자 다른 스크롤 애니메이션이 시작되지만 아래로 스크롤하려고 시도 할 때까지 표시되지 않습니다.

mouseenter에 대신 바인딩하십시오.

+0

아, 모범적 인 오류. 나는'mouseenter'를 시도했는데 너무 힘들어서'mouseover'로갔습니다. 감사. – Ryan

관련 문제