jquery - 固定 div 在滚动时在未固定的 div 下消失

Question

JSFIDDLE here

Fiddle 正常工作，但现在我想改变它的工作方式。目前只有 fixed_header_top 是永久固定的，我希望 fixed_header_middle 也永久固定，但应该逐渐消失 fixed_header_bottom和 body_block 向下滚动时。

像这个:http://livedemo00.template-help.com/wt_43176/index.html

我需要为此操作更改什么？

我将 position: fixed; 给了 #fixed_header_middle 和 margin-top: 50px; z-index: 100; 到 #fixed_header_bottom, #fixed_placeholder 但没有用。

谢谢

Answer 1

检查我在 fiddle 上做了什么 你所做的是正确的，只是你必须添加

#fixed_header_bottom, #fixed_placeholder {

   margin-top: 150px;
   position: absolute;

}

Check on fiddle