javascript - 固定 div 向上滚动的奇怪问题

Question

我在修复一个 div 时遇到了一个奇怪的问题，其中有其他 div。

我想要实现的是；当我滚动时，隐藏 .slideshow_head div，只有 .menu 保持可见并移动到顶部。

我不知道我做错了什么，因为我认为如果我修复 .header div，它里面的所有 div 都会随之移动。但是，.menu div 并没有向上移动，而是保持不动。

window.onscroll=function () {
    var top = window.pageXOffset ? window.pageXOffset : document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop;

       if(top > 50){document.getElementById("menu").style.position = "fixed";
    document.getElementById("menu").style.height="0px"
        }
        else {
        document.getElementById("menu").style.position = "relative";
    document.getElementById("menu").style.height="40px"
        }  

if(top > 50){document.getElementById("header").style.position = "fixed";
    document.getElementById("header").style.height="140px"
        }
        else {
        document.getElementById("header").style.position = "relative";
    document.getElementById("header").style.height="390px"
        }

        if(top > 50){document.getElementById("slideshow_head").style.position = "fixed";
    document.getElementById("slideshow_head").style.height="0px"

        }
        else {
        document.getElementById("slideshow_head").style.position = "fixed";
    document.getElementById("slideshow_head").style.height="390px"

        }
}

这是代码 http://jsfiddle.net/largan/P2B93/

有什么建议吗？

Answer 1

在这部分尝试这样的事情:

      if(top > 50){document.getElementById("slideshow_head").style.position = "fixed";
      document.getElementById("header").style.display = "none";
      document.getElementById("header").style.height = "0px";
      document.getElementById("slideshow_head").style.display = "none";
      document.getElementById("slideshow_head").style.height = "0px";
      document.getElementById("header_holder").style.display = "none";
      document.getElementById("header_holder").style.height = "0px";