如何仅在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找到了答案。见小提琴。

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

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