앵커를 클릭 할 때 스크롤/점프를 방지합니다.

Question

이미지 갤러리/슬라이더를 CSS와 함께 사용하고 있으며 ID 때문에 이미지가있는 곳으로 페이지가 이동합니다. Ex. http://www.respasalon.com/blog-test.php

<div id="image-slider"> 
<div id="slide-frame"> 
<img src="img/reverseclock.jpg" alt="" /> 
<div id="slides"> 
    <img id="slide1" src="img/reverseclock.jpg" alt="" /> 
    <img id="slide2" src="img/reverseclock2.jpg" alt="" /> 
    <img id="slide3" src="img/reverseclock3.jpg" alt="" /> 

</div> 
</div> 
<div id="navigation"> 
<a href="#slide1">1</a> 
<a href="#slide2">2</a> 
<a href="#slide3">3</a> 
</div> 
</div> 

Answer 1

$(function(){ 
    $('#navigation a').click(function (evt) { 
     evt.preventDefault(); 
     var contentId = $(this).attr('href'); 
     var content = $(document).find(contentId); 
    $('html,body').animate({ 
    scrollTop: ($(content).offset().top}, 
    'slow'); 
}): 

이 원활 HREF의 사업부 언급로 이동합니다.

Answer 2

$(function(){ 
    $('#navigation a').click(function (evt) { 
     // Put your logic here 
     evt.preventDefault(); 
    }) 
});