一個頁面滾動鏈接不顯示在URL安克爾

Question

什麼我已經是這樣的：

$(document).ready(function(){$('a[href^="#"]').on('click',function(e){e.preventDefault();var t=$(this.hash).offset().top;$('.wrapper').animate({scrollTop:t,},1000)})}); 

，實際上把div的任何地方，如參考：

<div id="about"></div> 

它實際上向下滾動到那些參考點，但我沒有看到在網址中的名稱。當我向下滾動並在關於部分結束時，我希望它以某種方式顯示出來，就像這樣www.site.com/#about

任何想法我做錯了什麼？使用的網站是一個HTML文檔。

Answer 1

試用一下這個

$(document).ready(function() { 
    $('a[href^="#"]').on('click', function (e) { 
     e.preventDefault(); 
     var target = this.hash; 
     var t = $(this.hash).offset().top; 
     $('.wrapper').animate({ 
     scrollTop: t, 
     }, 1000, function() { 
      window.location.hash = target; 
     }); 
    }); 
}); 

Answer 2

您可以使用HTML5歷史API Good tutorial for using HTML5 History API (Pushstate?)

$(document).ready(function() { 
    $('a[href^="#"]').on('click',function(e) { 
    e.preventDefault(); 
    var t = $(this.hash).offset().top; 
    $('.wrapper').animate({ scrollTop:t }, 1000); 
    history.pushState(null, null, location.href + $(this).href); // <- not sure whether your links are relative or absolute.. do change appropriately.. 
    }) 
});