扫码关注官方订阅号
$("#go-top").click(function(){
$("body,html").animate({"scrollTop":0})
})
我做了一个回到顶部的按钮,点击按钮之后回到顶部,用鼠标滚轮往下滚,页面会抖动,但是不能滚不去。要过滚几次才能滚动页面。求教怎么解决
认证0级讲师
首先,题主你这代码是没问题的。
然后,一般浏览器的scrollTop都是body上的,所以这个$('body,html')的jq选择器有点浪费性能,相当于分别给document和document.body同时设置了scrollTop等于0。
$('body,html')
建议直接
$(document.body).animate({"scrollTop":0})
这个代码太过于简单,不会有什么问题,如果还有闪动,那就应该不是这句代码造成,检查其他事件监听器相关代码。
$("body,html").animate({scrollTop:0})
原因应该是点击多次产生的,你可以让它点击一次后隐藏,滚动条滚动一定高度以后再让它显示
试试看换成$(window).animate({"scrollTop":0});
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
首先,题主你这代码是没问题的。
然后,一般浏览器的scrollTop都是body上的,所以这个
$('body,html')的jq选择器有点浪费性能,相当于分别给document和document.body同时设置了scrollTop等于0。建议直接
这个代码太过于简单,不会有什么问题,如果还有闪动,那就应该不是这句代码造成,检查其他事件监听器相关代码。
$("body,html").animate({scrollTop:0})
原因应该是点击多次产生的,你可以让它点击一次后隐藏,滚动条滚动一定高度以后再让它显示
试试看换成$(window).animate({"scrollTop":0});