javascript - 有没有办法滚动到 anchor 而不是用javascript跳转(类似于平滑滚动)

Question

我有一个带有编号 anchor 标记的大型文档，如下所示。还有一个文本框，用于输入数字以转到使用 window.location.hash

的 anchor

我还使用箭头键转到下一个或上一个 anchor 。我想滚动到 anchor 以提供一些方向感。

<a name="1">
some text
<a name="2">
some text
<a name="3">

这是我的功能

function updatePageNumber()
{
    var pagenumber;
    pagenumber = document.getElementById('pageNumber').value;   
    window.location.hash =  pagenumber;
}

跳转到 anchor 是非常丑陋的，并且人们在文本中失去了方向感。那么有没有一种方法可以使用 JavaScript 滚动锚定。我知道有很多 jQuery 示例，但我不知道 jQuery 也找不到 JavaScript。

最重要的原因是我想在地址栏上看到我的页码!

Answer 1

添加 jQuery 库。

使用以下脚本平滑滚动到您想要的目标元素。

jQuery('html,body').animate({scrollTop: jQuery('#target').offset().top}, 1000);

target 是目标元素的 id，1000 是动画的持续时间。