Javascript 当另一个div接近页面顶部时隐藏div

我想在另一个div接近滚动屏幕顶部时隐藏一个div

这就是目前的工作方式：

---

因此，当

第4节

距离页面顶部约100px时，隐藏

项目符号

您可以将100添加到

$.scrollTop（）

以查看元素距离页面顶部的距离，并且仅在显示项目符号时才触发要隐藏的项目符号（反之亦然）

$（文档）.ready（函数（）{
var lastDiv=$（“#section4”）.offset（）.top，
$项目符号=$（“#项目符号”）；
$（窗口）。滚动（函数（）{
var st=$（this.scrollTop（）；
如果（st+100>=lastDiv）{
$shollets.is（':visible'）&&$shollets.fadeOut（100）；
}
else if（$bullets.is（':hidden'））{
美元子弹。法代因（100）；
}
});
});
*{
填充：0；
保证金：0；
}
#第一节{
宽度：100%；
高度：100vh；
背景颜色：粉红色；
}
导航子弹{
位置：固定；
最高：50%；
右：15px；
z指数：999；
转化：translateY（-50%）；
背景色：rgba（0,0,0,0.5）；
边界半径：20px；
}
导航#子弹跨度{
光标：指针；
显示：块；
高度：12px；
宽度：12px；
边界半径：50%；
利润率：15px 5px；
过渡时间：0.5s；
}
导航#子弹跨度：后{
高度：8px；
宽度：8px；
显示：块；
内容：“；
边框：2倍纯白；
边界半径：50%；
}
导航#子弹跨度：悬停{
背景色：白色；
过渡时间：0.5s；
}

幻灯片1
第四节
此分区不在分区包装器内，因此在此处正常滚动

此分区不在分区包装器内，因此在此处正常滚动

此分区不在分区包装器内，因此在此处正常滚动

此分区不在分区包装器内，因此在此处正常滚动

此分区不在分区包装器内，因此在此处正常滚动

此分区不在分区包装器内，因此在此处正常滚动

此分区不在分区包装器内，因此在此处正常滚动

此分区不在分区包装器内，因此在此处正常滚动

此分区不在分区包装器内，因此在此处正常滚动

此分区不在分区包装器内，因此在此处正常滚动

此分区不在分区包装器内，因此在此处正常滚动

此分区不在分区包装器内，因此在此处正常滚动

此分区不在分区包装器内，因此在此处正常滚动

此分区不在分区包装器内，因此在此处正常滚动

此分区不在分区包装器内，因此在此处正常滚动

此分区不在分区包装器内，因此在此处正常滚动

此分区不在分区包装器内，因此在此处正常滚动

此分区不在分区包装器内，因此在此处正常滚动

此分区不在分区包装器内，因此在此处正常滚动

此分区不在分区包装器内，因此在此处正常滚动

此分区不在分区包装器内，因此在此处正常滚动

此分区不在分区包装器内，因此在此处正常滚动

此分区不在分区包装器内，因此在此处正常滚动

此分区不在分区包装器内，因此在此处正常滚动

此分区不在分区包装器内，因此在此处正常滚动

此分区不在分区包装器内，因此在此处正常滚动

此分区不在分区包装器内，因此在此处正常滚动

此分区不在分区包装器内，因此在此处正常滚动

此分区不在分区包装器内，因此在此处正常滚动

此分区不在分区包装器内，因此在此处正常滚动

此分区不在分区包装器内，因此在此处正常滚动

此分区不在分区包装器内，因此在此处正常滚动

此分区不在分区包装器内，因此在此处正常滚动

此分区不在分区包装器内，因此在此处正常滚动

此分区不在分区包装器内，因此在此处正常滚动

此分区不在分区包装器内，因此在此处正常滚动

此分区不在分区包装器内，因此在此处正常滚动

此分区不在分区包装器内，因此在此处正常滚动

此分区不在分区包装器内，因此在此处正常滚动

此分区不在分区包装器内，因此在此处正常滚动

此分区不在分区包装器内，因此在此处正常滚动

此分区不在分区包装器内，因此在此处正常滚动

此分区不在分区包装器内，因此在此处正常滚动

此分区不在分区包装器内，因此在此处正常滚动

此分区不在分区包装器内，因此在此处正常滚动

此分区不在分区包装器内，因此在此处正常滚动

此分区不在分区包装器内，因此在此处正常滚动

此分区不在分区包装器内，因此在此处正常滚动

此分区不在分区包装器内，因此在此处正常滚动

此分区不在分区包装器内，因此在此处正常滚动

此分区不在分区包装器内，因此在此处正常滚动