單擊錨時阻止滾動/跳轉

Question

我正在使用帶CSS的圖像庫/滑塊，並且由於該ID的頁面跳轉到圖像所在的位置。例如， 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 DIV提。

Answer 2

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