1

使用 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/

向下滚动结果，然后水平滚动到右侧。希望您能够帮助我。

4

1 回答 1

0

这是非常糟糕的设计。

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

[1]： http: //jsfiddle.net/SFZwx/这确实有效。

应该position: absolute;代替position: fixed;.

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

于 2013-02-13T03:51:30.257 回答