<div class="actGotop"><a href="javascript:;" title="Top"></a></div>
<script src="jquery-1.12.4.js"></script>
<script>
$(function () {
$(window).scroll(function () {
if($(window).scrollTop() >= 1000){
$(".actGotop").stop().fadeIn(1000);//动画前面必须添加stop()方法。执行当前动画之前先停止其他正在执行的动画
}else {
$(".actGotop").stop().fadeOut(1000);
}
});
$(".actGotop").on("click", function () {
//$(window)的animate()方法没有scrollTop属性。所以用标签html和body,使用两个标签是因为兼容性,body标签在IE6、7、8不兼容,html标签在火狐低版本不兼容
$("html, body").stop().animate({scrollTop: 0}, 1000);
});
});
</script>
点击按钮实现返回顶部
最新推荐文章于 2022-07-26 16:56:28 发布