javascript - 回到顶部问题

Question

<scirpt>
$("#go-top").click(function(){

            $("body,html").animate({"scrollTop":0})

})
</script>

我做了一个回到顶部的按钮，点击按钮之后回到顶部,用鼠标滚轮往下滚，页面会抖动，但是不能滚不去。要过滚几次才能滚动页面。求教怎么解决

Answer 1

首先，题主你这代码是没问题的。

然后，一般浏览器的scrollTop都是body上的，所以这个$('body,html')的jq选择器有点浪费性能，相当于分别给document和document.body同时设置了scrollTop等于0。

建议直接

$(document.body).animate({"scrollTop":0})

这个代码太过于简单，不会有什么问题，如果还有闪动，那就应该不是这句代码造成，检查其他事件监听器相关代码。

Answer 2

$("body,html").animate({scrollTop:0})

Answer 3

原因应该是点击多次产生的，你可以让它点击一次后隐藏，滚动条滚动一定高度以后再让它显示

Answer 4

试试看换成$(window).animate({"scrollTop":0});