保持div在滚动的一部分上

Question

我试图在固定的部分滚动中显示固定的div。意思是，它将在页面加载时隐藏，在页面的一部分中显示，然后在到达某个点后再次隐藏。我在开始淡入淡出方面取得了一些成功，但是在使其淡出时遇到了麻烦。在我的全部挖掘工作中，我遇到了创建透明虚拟div并将其用作起点的概念。 （当滚动到达div的顶部时，淡入）。

这就是我正在使用的东西：

$(".slate").hide(); //hide div initially
var topOfOthDiv = $("#startDiv").offset().top;
$(window).scroll(function() {
    if($(window).scrollTop() > topOfOthDiv) { //scrolled past the div
        $(".slate").fadeIn(); //reached the desired point -- show div
    }
  else{
        $(".slate").fadeOut();
    }
});

任何人和所有帮助将不胜感激！如果您认为有更好的解决方法，我不反对废弃它并重新开始。