有没有办法滚动到锚点而不是用javascript跳转（比如平滑滚动）

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

我还使用箭头键转到下一个或上一个锚点。我想滚动到锚点以便给出一些方向感。

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

跳到锚点是非常难看的，而且人们在文本中失去了方向感。那么有没有一种方法可以用 JavaScript 滚动到锚点。我知道有很多 jQuery 示例，但我不了解 jQuery，也找不到 JavaScript。

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

添加 jQuery 库。

使用以下脚本平滑滚动到所需的目标元素。

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

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