html - 如何仅在 x 方向上设置绝对位置。

Question

说我有风箱

http://jsfiddle.net/YMvk9/4896/

如您所见，一旦我在表格 div 上设置了高度，它就不适用于左列，因为它们具有绝对位置，而且我也无法对该类进行溢出，因为每个列元素都有该类。那么你会如何解决这个问题呢？我希望左列与右表具有相同的 Y 滚动条。显而易见的答案是将表格分成 2 个表格，但我希望两个 x 滚动条以某种方式链接在一起，这样当我在 x 方向滚动一个表格时，另一个表格也会滚动，反之亦然。

div { 
    width: 600px; 
    overflow-x:scroll;  
    height: 300px;     
    margin-left:5em; 
    overflow-y:visible;
    padding-bottom:1px;

}

Answer 1

我使用 jQuery 找到了答案。参见 fiddle 。

http://jsfiddle.net/YMvk9/4900/

$(window).scroll(function(){
    $('.headcol').css('left',$(window).scrollLeft()+'px');
    console.log("scroll");
});