Chrome/Safari의 Scrolltop과 이상한 효과

Question

Chrome 또는 Safari에서 두 번째 버튼 (.scroll2)을 클릭하면 가장 빠른 효과를 다시로드 한 다음 원래 위치로 이동합니다. 이 효과를 막는 방법은 없습니까? 내 생각 엔 다음

$(".scroll").click(function() { 
    $("body").animate({scrollTop:$('#bloc-2').position().top} , 4000); 
}); 

$(".scroll2").click(function() { 
    $("body").animate({scrollTop: $('#bloc-3').position().top }, 5000); 
}); 

Answer 1

, 당신은 href 속성을 가진 앵커 링크 (예 : href="#")를 클릭하는 경우, 당신은 기본 동작을 방지해야 다음과 같은 경우

$(".scroll").click(function(e) { 
    e.preventDefault(); 
    $("body").animate({scrollTop:$('#bloc-2').position().top} , 4000); 
}); 

$(".scroll2").click(function(e) { 
    e.preventDefault(); 
    $("body").animate({scrollTop: $('#bloc-3').position().top }, 5000); 
});