在滚动时隐藏div并在光标距离顶部一定距离时显示它

时间:2014-09-21 20:18:58

标签: javascript jquery

说明:

我有一个身体width: 100%的div,并且在页面顶部生病了。

现在,当我开始滚动时,我希望div在滚动后不再是可见页面的一部分时隐藏自己,例如slideUp“但是”当我开始将光标靠近顶部时我的页面,当光标距离页面顶部一定距离时,div应重新出现

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

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

但是

1)我不知道如何在滚动

之后检测div是否在可见页面之外

2)以及如何从页面顶部检测光标的y距离......

任何人?

1 个答案:

答案 0 :(得分:1)

只是一个想法:
1.尝试获取滚动顶部的偏移量并将其与要隐藏的div的高度进行比较(如果div高度小于滚动顶部,则隐藏它)
2.也许您可以使用以下内容获取光标位置:http://api.jquery.com/event.pagex/