与屏幕

Question

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

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

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

因此，有两种情况：

1. 如果用户看到的标题，它应该是正下方是
2. 如果用户不看它应该被附加到页面的顶部

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

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

Answer 1

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

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

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