Question

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

我面临的问题是滚动不稳定。在进行滚动之前有一个轻微的混蛋。但这并不是在jsfiddle中发生的。

我不确定是不是因为锚标签或JS。有没有办法通过将锚标记更改/样式化为常规文本来修复它。我认为这个问题与锚标签有关。我不确定。

由于

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小提琴使用代码

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

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

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

它也是混蛋;

这表明问题是 - ＆＃34;焦点＆＃34;需要在动画的回调中。

重新设计锚标签以删除生涩的滚动

1 个答案: