jQuery Frozen DIv 标题在通知栏中淡入淡出

Question

我有一个卡住的 div(使用 css position: fixed; 属性卡住)用作网站的标题。在 div 之后(或在 div 之下)是网页的正文或其余部分。

通知栏会淡入淡出

 jQuery ($bar).fadeIn(6000).delay(4900).fadeOut();

此 jQuery 将通过 Javascript setInterval 函数每 24 秒运行一次。

我的问题是卡住 div 正下方的内容设置为 padding-top: 36px 以确保卡住 div 不会覆盖或显示在正文上。当通知 div 淡入时会出现此问题。发生这种情况时，高度将发生变化(技术上)并且标题的内容将悬停在正文上方。如何让 body 向下移动，或者不被覆盖？

Answer 1

在 Frozen div 的 body 标签之前使用 jQuery 的 Prepend() 方法

看我的例子: http://jsfiddle.net/uday99/XYJBy/