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;。

并更新每个卷轴的图层左侧和顶部属性。

在HTML中，如何在滚动时修复一个固定表列与另一个表列重叠？

1 个答案: