2016-07-24 198 views
1

我有一個默認情況下隱藏的div元素#btns。它應該從頂部滾動顯示200px,並在頂部500px之後再次隱藏。顯示/隱藏div窗口滾動

這裏是我的(非工作)代碼:

$(window).scroll(function() { 
    if ($(this).scrollTop()>200) { 
     $('#btns').fadeIn(); 
    } 
    elseif ($(this).scrollTop()<500) { 
     $('#btns').fadeIn(); 
    } else { 
     $('#btns').fadeOut(); 
    } 
}); 
+1

問題是什麼呢? –

+0

代碼不起作用 – amin

+0

請提供[完整且可驗證的示例](https://stackoverflow.com/help/mcve)。 –

回答

1

您可以在按鈕添加一個類隱藏這樣的:

$(function() { 
    $(window).scroll(function() { 
     console.log('scrolling ', $(window).scrollTop(), $(document).height()); 
     if($(window).scrollTop() >= 200 && $(window).scrollTop() <= ($(document).height() - 500)) { 
      $('#btns').removeClass('hide'); 
     } else { 
      $('#btns').addClass('hide'); 
     } 
    }); 
}); 

DEMO https://jsfiddle.net/1ks8at6r/5/