Javascript 重新设计锚定标签的样式，以移除抖动卷轴

我有一个html页面，页面末尾有一个表单和一个锚定标记，当单击该页面时会滚动到页面顶部，并使用javascript实现平滑滚动

我面临的问题是卷轴不稳。在继续滚动之前有一个轻微的震动。但这在JSFIDLE中不会发生

我不确定这是因为锚标签还是JS。是否有一种方法可以通过将锚定标记更改为常规文本/设置锚定标记的样式来解决此问题。我相信问题与锚定标签有关。不过我不确定

谢谢

alert("Scroll triggered");
$('a[href="#register"]').click(function(){
$('html,body').animate({scrollTop: '0'}, 1000);    
$('input#Name_First').focus();
 });

---

JSFIDLE:

您的JS FIDLE使用代码

$("html, body").animate({ scrollTop: "0px" }, 1000, function(){    
    $('input#Name_First').focus();
});   

如果您将其更改为问题中提供的代码

$("html, body").animate({ scrollTop: "0px" }, 1000);   
$('input#Name_First').focus();

它也会抽搐

---

这表明问题在于，“焦点”需要位于动画的回调中。

是的！你是对的。焦点是罪魁祸首。我把它取下来了，它可以正常工作。我正在想出一种方法来实现回调。我对java脚本动画非常陌生。我不知道该怎么办。