特殊视图端口的粘滞部分

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：

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

Answer 1

你需要检查页面里面你的滚动事件的位置，所以jQuery会在每次用户滚动时检查值：

$(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();
        }
});