如何改变url名称，而使用效果.scrollto方法

how to change the url name while using effect.scrollto method

本文关键字：方法 scrollto 名称 何改变 改变 url      更新时间：2023-09-26

嗨，我正在使用滚动到一个地方的特定位置的方法，但url名称总是相同的。我不能有不同的url结尾。url总是以#结尾。我不能有#产品或#关于。我正在使用这个代码。请帮帮我

<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>

当用户单击链接(https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Manipulating_the_browser_history)时，您可以使用History API将URL更改推送到页面，例如使用jQuery:

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

或者你可以考虑使用直接的哈希链接，例如将href="#about"放入锚中并防止哈希跳转(我如何在不跳转文档的情况下更新window.location.hash ?)

* *编辑

这里有一个jsFiddle: https://jsfiddle.net/3uwkcebk/1/

相关文章：