ウィンドウスクロールのdivを表示/非表示

Question

div要素#btnsがデフォルトで非表示になっています。それはスクロールすると500pxの上から上にスクロールして表示され、もう一度非表示にする必要があります。

ここ

は私の（非稼働）コードです：

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

Answer 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/