如何在使用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/