对儿童的div滚动父DIV的滚动

Question

我希望有一个#nav是顶部，但#nav上面还有就是#child DIV的一些text.on滚动我应该能够滚动体则#nav应的主滚动条被固定在顶部！并且应该仅滚动#child div。

继承人的参考.. http://jsfiddle.net/maUYK/

<p>text</p> 
    <p>text</p> 
    <p>text</p> 
    <p>text</p> 
     <ul id="nav"> 
     <li><a href="#">About Us</a></li> 
     <li><a href="#">Our Products</a></li> 
     <li><a href="#">FAQs</a></li> 
     <li><a href="#">Contact</a></li> 
     <li><a href="#">Login</a></li> 
     </ul> 
    <div id="child"> 
    <table> 
     <tr><td>a</td><td>b</td><td>c</td></tr> 
     <tr><td>a</td><td>b</td><td>c</td></tr> 
     <tr><td>a</td><td>b</td><td>c</td></tr> 
     <tr><td>a</td><td>b</td><td>c</td></tr> 
     <tr><td>a</td><td>b</td><td>c</td></tr> 
     <tr><td>a</td><td>b</td><td>c</td></tr> 
     <tr><td>a</td><td>b</td><td>c</td></tr> 
     <tr><td>a</td><td>b</td><td>c</td></tr> 
     <tr><td>a</td><td>b</td><td>c</td></tr> 
     <tr><td>a</td><td>b</td><td>c</td></tr> 
     <tr><td>a</td><td>b</td><td>c</td></tr> 
     <tr><td>a</td><td>b</td><td>c</td></tr> 
    </table> 
    </div> 

Answer 1

#nav{ 
    position:absolute; 
     top:200px; 
    left:0; 
    } 

    #nav.fixed{ 
    position:fixed; 
     top:10px; 
     } 

使用上述风格定位导航和滚动

对于信息后修复，你可以访问此链接 - http://addyosmani.com/blog/rocketbar/

Answer 2

的div的高度过大。给高度200px，没关系。

div { 
    overflow: scroll; 
    height: 200px; 
    width: 520px; 
}