JavaScript中的浮动菜单栏在举行div

Question

我有一个JavaScript菜单栏位于我的网页上，然后当浏览器栏到达菜单的顶部时，它锁定到一个固定的位置，并与窗口一起移动。但是，我需要在div中包含菜单，这怎么办？

这是我的菜单栏：

<script type="text/javascript"  src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> 
<script type='text/javascript'> 
$(window).load(function(){ 
    $(window).scroll(function(){ 
     if ($(window).scrollTop() >= 200) 
     { 
      $("#floatbar").css({position:'fixed',left:'0',top:'0'}); 
     } 
     else 
     { 
      $("#floatbar").css({position:'absolute',left:'0',top:'200px'}); 
     } 
    }); 
}); 
</script> 

，这是我的html：

<div id="menu_runner"> 
    <div id="floatbar"> 
     <a href="#issue49">Issue 49</a><br /> 
     <a href="#issue48">Issue 48</a><br /> 
     <a href="#issue47">Issue 47</a><br /> 
     <a href="#issue46">Issue 46</a><br /> 
    </div> 
</div> 

和我的CSS：

#menu_runner { 
    width: 100px; 
    height: 2000px; 
    float: right; 
    position: relative; 
} 
#floatbar { 
    width: 70px; 
    position: absolute; 
    top: 200px; 
} 

在菜单亚军是包含div菜单和floatbar显然包含运行JavaScript的菜单。

但是，当我尝试此代码时，菜单将粘贴到左侧和顶部200px，而不是在menu_runner div内。我该如何让floatbar定位在menu_runner div中，然后使用div内的JavaScript向下滚动。

Answer 1

为什么不将$("#floatbar").css()更改为$("#menu_runner").css()？