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

当您向上滚动时，我设法隐藏了元素，但当您向下滚动到页面底部时，我遇到了隐藏问题。我有两个用于保存uparrow.png和downarrow.png图像的span元素。我想，当你到达页面的底部，否则它是visible.Here我DownArrow中文跨度消失是我的代码：如何在滚动到达页面底部时隐藏元素？

#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"); 
} 
}); 

});

来源

2014-09-12 admir

如果你使用[这个问题]的答案，你也许可以算出它（http://stackoverflow.com/questions/3898130/how-to-check如果用户已经滚动到底部） – ioums 2014-09-12 17:22:51

谢谢我使用了该主题的答案之一 – admir 2014-09-12 21:38:32

-1

$(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 
{} 
}); 
});

来源

2014-09-12 17:27:09

我忘记提及当您单击此处的箭头时，我有两个上下滚动功能它们是函数sc（）{window.scrollBy（0，window.innerHeight）; } function scu（）{ window.scrollBy（0，-window.innerHeight）; （$（window）.scrollTop（）== $（document）.height（） - $（window（））;现在当我将你的代码和我的代码结合在一起时，一切都冻结了，它不想滚动onclick – admir 2014-09-12 17:36:00

如果我使用if ）.height（））{alert（“bottom”）;}当我向上滚动而不是向下滚动时， – admir 2014-09-12 21:31:13

好吧，我想通了这里是代码：

$(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做的工作b因为如果我把（$（window）.scrollTop（）== $（document）.height（） - $（window）.height（））当你一直向上滚动时会使箭头消失，至少这就是我进入我的浏览器（firefox 32.0，chrome 37.0.2062.120）

来源

2014-09-12 21:45:44 admir

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

回答

相关问题