jquery - 在HTML中，如何解决滚动时一个固定表格列与另一表格列重叠的问题？

Question

添加 jQuery 时，我在 HTML 表格列的布局方面遇到了麻烦。我的表中有两列，左边一列用于菜单，右边一列是更改其内容的 iframe。

我想做的是固定菜单列的位置，即使在使用 jQuery 垂直滚动内容列时也是如此。我已经使用这个 jQuery 代码成功完成了这项工作，

jQuery(function($) {

    var nav    = $('#main_menu'),
        offset = nav.offset();

    $(window).scroll(function () {
      if($(window).scrollTop() > offset.top - 50) {
        nav.addClass('fixed');
      } else {
        nav.removeClass('fixed');
      }
    });

}); 

但是内容栏与菜单栏重叠。因此，内容栏完全位于菜单栏下方。我希望内容列也固定在菜单列旁边，但仍可滚动。

但是，这只会在浏览器屏幕小于页面时发生。下面是 jsFiddle 代码。我正在查看此 Mozilla Firefox，但该页面也应与 IE 7 及更高版本兼容。

http://jsfiddle.net/Aym72/7/

向下滚动结果，然后向右水平滚动。希望你能帮我。

Answer 1

这是非常糟糕的设计。

[http://jsfiddle.net/SFZwx/][1]

[1]: http://jsfiddle.net/SFZwx/这是真的。

应该是 position: absolute; 而不是 position: fixed;。

并为每个滚动更新层的左和上属性。