Empêche le défilement/le saut lorsque vous cliquez sur l'ancrage

Question

J'utilise une galerie d'images/un curseur avec css et, en raison des identifiants, la page saute à l'endroit où se trouvent les images. 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'); 
}): 

Cela facilement faites défiler jusqu'à div mention dans href.

Answer 2

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