Javascript 滚动时隐藏div，并在光标到达顶部一定距离时显示

说明：

我有一个div，宽度为身体的100%，并且病倒在页面顶部

现在，当我开始滚动时，我希望

div

在滚动后不再是可见页面的一部分时隐藏自己，例如

slideUp

“但是“当我开始将光标移到页面顶部附近时，当光标距页面顶部一定距离时，

div

应该重新显示

现在我可以使用下面的演示代码

$(document).on("scrollstart",function(){
  alert("Started scrolling!");
});

但是

1） 我不知道在滚动之后如何检测div是否在可见页面之外

2） 以及如何检测光标与页面顶部的y距离

任何一个？

只是一个想法：
1.尝试获取滚动顶部的偏移量，并将其与要隐藏的div高度进行比较（如果div高度小于滚动顶部，则将其隐藏）
2.也许您可以使用如下方式获取光标位置：