如何在滾動到達頁面底部時隱藏元素？

當您向上滾動時，我設法隱藏了元素，但當您向下滾動到頁面底部時，我遇到了隱藏問題。我有兩個用於保存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

如何在滾動到達頁面底部時隱藏元素？

回答

相關問題