粘贴标题的框阴影应仅在滚动时激活

时间:2012-09-28 05:47:37

标签: javascript header scroll css3

我有一个粘性标题,它下面有一个方框阴影。我希望只有当用户向下滚动时才会出现框阴影。一旦用户滚动回页面顶部,阴影也会消失。

这里也提出了同样的问题: Fixed header with shadow image on scroll with scrollable content area

设法解决这个问题的人在这里实现了: http://www.provisiontree.co.in/

我在jsFiddle示例中看到了答案,但是有没有人知道如何让框阴影出现在淡入效果中,就像在示例网站中一样?

我再次问这个问题的原因是因为这个家伙没有解释他是如何设法做到这一点的,而且我无法弄明白如何去找那个人。

感谢。 :)

1 个答案:

答案 0 :(得分:3)

您需要捕捉窗口的“滚动”事件。 你可以在这里检查一下这个小提琴,它使用jQuery:http://jsfiddle.net/DQv33/

如果你在顶部($(window).scrollTop()== 0),窗口的scrollTop属性会显示给你,所以这是设置/取消设置框阴影的条件报头中。