javascript - 重新设计 anchor 标签以移除生涩的滚动

Question

我有一个 html 页面，在页面末尾有一个表单和一个 anchor 标记，单击时滚动回页面顶部，使用 javascript 实现平滑滚动。

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

不知道是 anchor 标签的问题还是JS的问题。有没有一种方法可以通过将 anchor 标记更改/样式化为常规文本来修复它。我认为问题与 anchor 标记有关。不过我不确定。

谢谢

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

JSFiddle:http://jsfiddle.net/BrianDillingham/co1ot6ru/7/

Answer 1

你的 JS fiddle 使用代码

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

如果改成问题中提供的代码

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

它也会抽搐；

这表明问题是——“焦点”需要在动画的回调中。