與屏幕

滾動動態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

回答