スティッキーセクション（特にビューポート）

Question

たとえば、ドキュメントの高さが4100の場合は、セクションを500〜3600の高さに表示する必要があります。私は適切な出力を得ていませんでした。親切にあなたの考えを共有してください。

var start = $(document).scrollTop(); 
var stop = $(document).height() - 500; 
$('#onScrollShow').hide(); 
$(window).scroll(function() { 
    if (start < stop) { 
     $('#onScrollShow').show(); 
    } else { 
     $('#onScrollShow').hide(); 
    } 
}); 

HTML：あなたはjQueryの値を毎回ユーザーがスクロールをチェックしますので、あなたのスクロールイベント内のページの位置を確認する必要が

<div id="onScrollShow"> some text </div> 

Answer 1

：

$(window).scroll(function() { 
    var currentScroll = $(window).scrollTop(); //gets value every scroll 
    if (scroll < stop) { 
     // do stuff 
    } 
}); 

Answer 2

これは動作しています！返信用

$(window).scroll(function() { 
 
    var currentScroll = $(window).scrollTop(); 
 
    if ((currentScroll > 400) && (currentScroll < 2500)) { 
 
     $('#onScrollShow').slideDown(); 
 
    }else { 
 
      $('#onScrollShow').slideUp(); 
 
     } 
 
});