滚动超出一屏,显示回到顶部按钮。
对于PC网站,当滚动超过一屏时,显示回到顶部按钮,大致代码如下:
<div class="phone">
<div class="shouji">
<div class="erwei">
<p>手机看直播</p>
<img src="images/ererer.png" alt="">
<div class="loadBtn">下载APP</div>
</div>
</div>
<div class="top">返回顶部</div>
</div>
.phone{
position: fixed;
top: 295px;
right: 80px;
}
$(".phone").hide();
//检测屏幕高度
var height=$(window).height();
//scroll() 方法为滚动事件
$(window).scroll(function(){
if ($(window).scrollTop()>height){
$(".phone").fadeIn(500);
}else{
$(".phone").fadeOut(500);
}
});
$(".phone .top").click(function(){
$('body,html').animate({scrollTop:0},100);
return false;
});