query页面超出某个高度显示某个元素,适合返回顶部等场景
<!--返回顶部 start-->
<div class="back2top"><a href="javascript:window.scrollTo(0,0)" title="返回顶部"><i class="fa fa-chevron-up"></i></a></div>
<!--返回顶部 end-->
<script>
window.onscroll=function(){
var winTop_1=document.documentElement.scrollTop;
var winTop_2=document.body.scrollTop;
var winTop;
(winTop_1>winTop_2)?winTop=winTop_1:winTop=winTop_2;
if(winTop>0){
$(".back2top").css({'display':'block'});
}
if(winTop == 0){
$(".back2top").css({'display':'none'});
}
}
</script>
<style>
.back2top{
position: fixed;
right: 5px;
bottom: 5px;
width: 60px;
height: 60px;
line-height:60px;
text-align:center;
border-radius: 50%;
display:none;
background:#5ca997;
}
.back2top a{
font-size:16px;
color: #fff;
}
</style>