javascript - 具有固定标题的水平和垂直可滚动内容

Question

我有一个动态宽度的内容 div(它会根据窗口宽度自行调整)。在这个 div 中，我有两个表，它们比我的包装器 div 的视口(viewport)更宽。因此包装器应该可以水平滚动。 div 也有一个固定的高度，这意味着一切都应该是垂直滚动的!只有标题应保持在顶部，但也应与内容表一起水平滚动。

<div class="wrapper">
    <table width="2000" class="fixed"><tr></tr></table>
    <table width="2000"><tr></tr></table>
</div>

这里有一个 fiddle 来演示我的问题:jsFiddle

Answer 1

演示: http://jsfiddle.net/techsin/pDhmy/4/

页眉宽度变化: http://jsfiddle.net/techsin/pDhmy/8/

执行此操作的代码

$('.mega').on('scroll',function(){$('.header').css('top',$(this).scrollTop());}) ;

和....

.header{position:absolute; background-color:rgb(202, 202, 202);}

.header+* {margin-top:30px;}