Javascript滚动菜单,仅在页面向下某个方向后启动

时间:2012-06-01 07:41:23

标签: javascript css html menu scroll

我想要一个从页面的某个部分开始的滚动菜单(比如标题下面),但是一直停留在那里,直到你向下滚动它到达浏览器窗口的顶部,然后跟着你到页面的其余部分

任何人都有任何线索如何做到这一点?我无法在网上找到它。我见过其他类似的东西,但没有一个移到窗口的顶部。

当您查看电子邮件时,gmail上有一个很好的例子。工具栏位于电子邮箱的顶部,但是一旦您滚过电子邮箱,它就会跟随您向下移动。

我知道position:absolute;top:0;会让它在没有流畅运动的情况下保持在顶部(我讨厌它,因为它看起来很邋))。

** 编辑 **

我真的只需要知道如何检测菜单div位于页面顶部。我可以做一个模拟的事情,如果你向下滚动菜单div的范围,它将开始向下滚动,但我宁愿实际得到菜单div是否超过浏览器窗口。

1 个答案:

答案 0 :(得分:1)

它是固定和绝对的混合位置,你将处理.scroll事件并在它之间切换。 你可以在这里找到一个例子 Creating a floating box which stays within a div