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)展开评论
暂无评论,快来写一下吧
展开评论
他的专栏
他感兴趣的技术