即使链接重定向到另一个页面，jQuery 滚动动画也会锚定

Question

假设我有一个名为index.html 的页面。在文档中，我有一个指向另一个页面中的锚点的链接。所以让我们说：

<a href="page.html#anchor" class="scroll">Link</a>

现在我有以下 jQuery 脚本，可以通过动画滚动到同一文档内的锚点：

$(".scroll").click(function(event){     
    event.preventDefault();
    $('html,body').animate({scrollTop:$(this.hash).offset().top}, 500);
});

但是，如果锚点位于同一页面中，则此方法有效。我怎样才能让它在另一个页面上工作呢？当我点击链接时，我希望它转到另一个页面并滚动到锚点。

Answer 1

你需要让你的锚点像

<a href="2nd.html#anchor_temp">Go</a>

因为你无法阻止浏览器的默认滚动行为

文档准备好后，您需要从 URL 中查看哈希标记值，然后删除 _temp 并对其进行动画处理

$(document).ready(function(e){  
    var str= location.hash; 
    var n=str.replace("_temp","");
    $('html,body').animate({scrollTop:$(n).offset().top}, 500);
});

我希望这会有所帮助:)