Question

js : 怎么设置网页滚动条超过800px后，显示“返回顶部”的按钮？

我这里有个 返回顶部的按钮，设置当滚动条 超过800px的时候，才显示，不然就隐藏。
我的 按钮 是class="dingbu2" ;

Answer 1

.dingbu2{display:none;}

引入 jquery.min.js 文件

$(window).on('scroll',function(){
    var st = $(document).scrollTop();
    if( st>0 ){
        $('.dingbu2').fadeIn(300);
    }else{
        $('.dingbu2').fadeOut(300);
    }	
});
$(".dingbu2").click(function(){
    if(scroll=="off"){
        return;
    }
    $("html,body").animate({scrollTop: 0}, 600);
});

Answer 2

var dingbu2 = $('.dingbu2');
if($(window).scrollTop()>=800){
dingbu2.css('display','block'):
}
这样就可以了。

追问

嗯，谢谢，你的js很简短，不过你忘了：
当高度 不够的时候，设置div 隐藏。
还是谢谢你！︿(￣︶￣)︿

Answer 3

#top{ position: fixed; width: 40px; height: 40px; right: 10px; top: 85%; background-image: url(../images/top.png); background-size: 80px 60px; background-position: 50% 10%; background-repeat: no-repeat; text-align: center; line-height: 60px; cursor:pointer }

<div id="top">TOP</div>

<script type="text/javascript" src=" jquery.min.js"></script>

$(function() {
$("#top").hide();
$(window).scroll(function() {
if ($(this).scrollTop() > 1){
$("#top").fadeIn();
} else {
$("#top").fadeOut();
}
});
$("#top").click(function() {
$("html,body").animate({
scrollTop: 0
}, 1000);
return false;
});
})