jQuery滾動：防止錨文本出現在url中

Question

所以我得到了jQuery滾動工作在我的頁面上很好。 但我想改變一件事。 我不想在url中顯示錨文本。即。 #products或#contactinfo

HTML代碼：

<div> 
<a href="#products">Products</a> 
<a href="#contactinfo">Contact info</a> 
</div> 

<div id="products"></div> 

<div id="contactinfo"></div> 

jQuery代碼：

$(document).ready(function(){ 
    $('a[href^="#"]').on('click',function (e) { 
     e.preventDefault(); 

     var target = this.hash, 
     $target = $(target); 

     $('html, body').stop().animate({ 
      'scrollTop': $target.offset().top 
     }, 900, 'swing', function() { 
      window.location.hash = target; 
     }); 
    }); 
}); 

Answer 1

試試這個：

HTML：

<div> 
    <span class="link" rel="#products">Products</span> 
    <span class="link" rel="#contactinfo">Contact info</span> 
</div> 

<div style="height:800px;"></div> 
<div id="products">products</div> 
<div style="height:800px;"></div> 
<div id="contactinfo">contact</div> 
<div style="height:800px;"></div> 

腳本：

$(document).ready(function(){ 
    $('.link').on('click',function (e) { 
     $('html, body').stop().animate({ 
      'scrollTop': $($(this).attr('rel')).offset().top 
     }, 900, 'swing', function() {}); 
    }); 
}); 

Fiddle

Answer 2

只是在click函數的末尾添加一個return false;。 編輯：和probalby刪除這條線，我的意思是..它確實是你不想要的？ Appearently？

window.location.hash = target;