Javascript 在子div的滚动上滚动父div

我希望

#nav

位于顶部，但

#nav

上方有一些文本。在

#child

div的滚动条上，我应该能够滚动主体的主滚动条，然后

#nav

应该固定在顶部！而且应该只对

#child

div进行滚动

这是参考资料。。

文本

正文

正文

正文








abc
abc
abc
abc
abc
abc
abc
abc
abc
abc
abc
abc

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

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

使用上述样式定位导航并在滚动后进行修复

---

有关信息，请访问此链接-

http://addyosmani.com/blog/rocketbar/

谢谢@Shail的编辑！你能详细说明一下吗。不清楚你想要什么？你想只滚动表格的内容，保持边框线不变吗？简单地说，他想要一个固定的#navi我想滚动表格的内容，同时我也想滚动正文！！同时滚动正文和表格@TabraizAli您需要做的是在#child div上为#nav的导航ie设置ID。您必须使用scroll spy javascript来检测分配给nav元素的ID

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

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

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