Question

当你向上滚动时我设法隐藏了元素，但是当你向下滚动到页面底部时我有隐藏它的问题。我有两个span元素来保存uparrow.png和downarrow的图像。 png。我希望当你到达页面底部时我的向下延伸消失，否则它是可见的。这是我的代码：

#uparrow{position:fixed;top:20px;left:50px;}
#downarrow{position:fixed;bottom:20px;left:50px}

$(document).ready(function(){
var top=0;
$(window).scroll(function(){
var st=$(this).scrollTop();

if(st==top){
$("#uparrow").css("display","none");
}else{
$("#uparrow").css("display","block");
}
});

});

Answer 1

好吧我在这里想出来的是代码：

$(document).ready(function(){
var top=0;
$(window).scroll(function(){
var st=$(this).scrollTop();
if(st==top){
$("#uparrow").css("display","none");
}else{
$("#uparrow").css("display","block");
}
if($(window).scrollTop() + window.innerHeight == $(document).height()){
 $("#downarrow").css("display","none");
 }else{
 $("#downarrow").css("display","block");
 }
});
});

这是window.innerHeight做的工作，因为如果我把（$（window）.scrollTop（）== $（document）.height（） - $（window）.height（））使得箭头消失时你一直向上滚动，至少我在浏览器中得到的是什么（firefox 32.0，chrome 37.0.2062.120）

Answer 2

$(document).ready(function(){
var top=0;
$(window).scroll(function(){
var st=$(this).scrollTop();

if(st==top){
$("#uparrow").css("display","none");
}else if{
$("#uparrow").css("display","block");
}
else if ($(window).scrollTop() == $(document).height() - $(window).height()){
    // your piece of code e.g.    
    $("#downarrow").css("display","none");
   }    
else
{}
}); 
});

当滚动到达页面底部时如何隐藏元素？

2 个答案: