jq监听滚动事件

无敌的宇宙
无敌的宇宙
擅长邻域:Java,HTML,JavaScript,MySQL,支付,退款,图片上传

分类: Java 标签: jq监听滚动事件

2020-10-17 21:58:07 1044浏览

jq监听滚动事件,代码直接用可,有滚动条即可显示向上按钮,没有滚动条,或者滚动位置就在第一屏,就不显示向上按钮

jq监听滚动事件,代码直接用可,有滚动条即可显示向上按钮,没有滚动条,或者滚动位置就在第一屏,就不显示向上按钮

#gotop{bottom: 70px;right:10px;position: fixed;z-index: 1000;background: #888;display: block;width: 50px;height: 50px ;text-align: center;line-height: 50px;border: 1px solid #888;border-radius: 50%;color: #fff;display: none;}

<a id="gotop" href="javascript:;"><span class="mui-icon-extra mui-icon-extra-top"></span></a>


$(document).ready(function() {
$(window).scroll(function() {
if($(window).scrollTop() > $(window).height()) {
$('#gotop').show();
}else{
$('#gotop').hide();
}
});
});

$('#gotop').click(function(){
$('html,body').animate({scrollTop:0},1000);
})

好博客就要一起分享哦!分享海报

此处可发布评论

评论(0展开评论

暂无评论,快来写一下吧

展开评论

您可能感兴趣的博客

客服QQ 1913284695