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

Question

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

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

这是我当前使用的代码。任何人都可以建议对javascript进行修改以帮助我实现这一目标吗？

$(document).ready(function() {
var away = false;
$('.ebooks-button').click(function() {
$("html, body").animate({scrollTop: $('#ebooks').offset().top}, 700);
});

}(;

Answer 1

//Add this in your css
html {
scroll-behavior: smooth;
}
//Try this hope it will help
<a href="ebooks.html#ebooks">Ebooks button</a>

Answer 2

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