打开另一个页面并滚动到锚点

Question

我目前正在链接到同一页面上的一个锚点，下面的代码通过滚动效果实现了这一点。但是，我想将锚点放在不同的页面上。

我想要的是，当我单击按钮 (.ebooks-button) 时，它会打开页面并向下滚动到锚点。

这是我目前正在使用的代码。任何人都可以建议修改 javascript 来帮助我实现这个目标吗？

$(document).ready(function() {
var away = false;

$('.ebooks-button').click(function() {

    $("html, body").animate({scrollTop: $('#ebooks').offset().top}, 700);
});

});

Answer 1

浏览器安全模型不允许您这样做。您可以拥有将用户发送到另一个页面并包含锚点的代码，但是处理平滑滚动到该锚点的代码需要位于用户被发送到的页面上。一旦浏览器离开您的页面，该页面上的任何其他代码都不会转到运行。

Answer 2

//Add this in your css
html {
  scroll-behavior: smooth;
}

 //Try this hope it will help

<a href="ebooks.html#ebooks">Ebooks button</a>

打开另一个页面并滚动到锚点

Open another page and scroll to anchor

javascript

anchor-scroll

anchorpoint