元素出現和消失，因爲用戶向下滾動

Question

頁面

我使用這種代碼：

$(document).ready(
    function DocumentLoad() 
    {  
    $(window).scroll(scrollBtn); 
    scrollBtn();  
    }); 

function scrollBtn(){ 
    if ($(window).scrollTop() > 150) 
     $('.scroll-btn:hidden').fadeIn('slow'); 
     else 
     $('.scroll-btn:visible').fadeOut('slow');   
} 

與<div class="scroll-btn"> my content to show </div>

這表明一個元素時用戶向下滾動頁面。我想用div scroll-btn disapear的方式來擴展它，當頁面結束之前剩餘350px的高度時（我的頁腳有350px的高度，所以我想在它到達它之前消除div scroll-btn。）

Answer 1

這應該爲你做的伎倆：

根據您的要求調整pxFromBottom

$(window).scroll(function() { 
    var pxFromBottom = 350; 
    if ($(window).scrollTop() + $(window).height() > $(document).height() - pxFromBottom) { 
     $('.scroll-btn').fadeOut('slow'); 
    } else { 
     $('.scroll-btn').fadeIn('slow') 
    } 
}); 

Working DEMO