jq监听滚动事件
2020-10-17 21:58:07 884浏览
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）展开评论
暂无评论，快来写一下吧
展开评论
他的专栏
java 
Mysql 
springboot 
vue 
ssm 
js和jquery 
小程序 
uniapp 
html+css 他感兴趣的技术
