与屏幕

滚动动态CSS通知栏我具有由缺省“隐藏”我的头后面的通知栏：与屏幕

default view

据AJAX请求后仅示出（通过jQuery动画（））告诉用户，如果它是成功的：

notification with header

但是，当用户向下滚动页面，并没有看到头，我的方式建造它的那一刻，它Ĵ乌斯挂在空中：

notification without header

因此，有两种情况：

当然，当用户滚动它应该顺利移动下注对国家来说。

我该怎么做？仅CSS /与JS？

来源

2011-03-21 stephanos

您能向我们展示一个示例或屏幕截图吗？谢谢 – Blowsie 2011-03-21 13:59:07

我重写了这个问题 - 希望现在能更好地理解 – stephanos 2011-03-23 19:19:57

在您的CSS中使用position:relative来定位信息栏。让每个人都能在这种正常的状态下工作。

然后在Javascript的窗口中使用scroll事件来查找用户是否滚动的标题高度大于标题的高度。如果是这种情况，请使用position:fixed; top:0;将信息栏中的类添加到位置。

当scrollTop高度小于标题的高度时，删除类

2011-03-23 20:04:27 edeverett

有趣。 'position：fixed;'override'position：relative;'是否需要使用'！important'语句？或者新增班级自动获得最高优先级？ – 2011-03-23 20:38:24

样式表中最后声明的值将会赢 - 类在HTML中的添加顺序无关紧要。如果你想要的规则是在样式表中稍后声明的，那么你不需要使用！important。或者你可以使用更高特异性的选择器。 – edeverett 2011-03-23 21:04:18

谢谢。学到了一些新的东西:) – 2011-03-23 21:06:01

回答