如何在使用effect.scrollto方法時更改url名稱

Question

嗨，我正在使用滾動到特定位置的方法，但url名稱始終是相同的。我不能有不同的網址結尾。我的意思是網址總是以＃結尾。我沒有#products或#about。我用這code.please幫我

<span><a href="#" id="start1"onclick="Effect.ScrollTo('about',{duration:1.0}); return false;"class="scroll"style="text-decoration:none;position:absolute;right:145px;top:30px;font-weight:bold;color:white;font-size:15px" onmouseover="big(this)" onmouseout="small(this)">ABOUT US</a></span> 

Answer 1

使用jQuery的鏈接（https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Manipulating_the_browser_history）用戶點擊，例如，當你可以使用歷史API推URL改變頁面：

$("#start1").click(function(e){ 
    e.preventDefault(); 
    Effect.ScrollTo('about',{duration:1.0}); 
    history.pushState(null, null, '#about'); 
}); 

或者你可以使用一個直接的散列鏈接，例如將href =「＃about」放入錨點並防止哈希跳躍（How can I update window.location.hash without jumping the document?）。

**編輯

繼承人的jsfiddle：https://jsfiddle.net/3uwkcebk/1/