javascript - 在子 div 的滚动上滚动父 div

Question

我想要一个#nav在顶部，但上面#nav有一些文本。在#childdiv 的滚动条上，我应该能够滚动主体的主滚动条，然后#nav应该固定在顶部！并且应该只滚动#childdiv。

继承人参考.. 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;
 }