Javascript 特定视图端口中的粘性部分

例如，我的文档高度是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();
  }
});

var start=$（document.scrollTop（）；
var stop=$（文档）.height（）-500；
$（'#onScrollShow'）.hide（）；
$（窗口）。滚动（函数（）{
如果（启动<停止）{
$（'#onScrollShow'）.show（）；
}否则{
$（'#onScrollShow'）.hide（）；
}
});

HTML：

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

一些文本

您需要检查滚动事件中页面的位置，因此jQuery将在用户每次滚动时检查该值：

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

$（窗口）。滚动（函数（）{
var currentScroll=$（窗口）.scrollTop（）；//获取每个滚动的值
如果（滚动<停止）{
//做事
}
});

这很有效

$（窗口）。滚动（函数（）{
var currentScroll=$（窗口）.scrollTop（）；
如果（（当前滚动>400）和（（当前滚动<2500））{
$（'#onScrollShow'）.slideDown（）；
}否则{
$（'#onScrollShow'）.slideUp（）；
}
});谢谢你的回复。我在我的条件下使用了你的代码，它是有效的！