我有一个具有动态宽度的内容div(它会自行调整为窗口宽度)。在这个div中,我有两个表比包装器div的视口更宽。因此,包装器应可水平滚动。 div的高度也固定,这意味着所有内容也应垂直滚动!仅标题应保留在顶部,但也应与内容表一起水平滚动。

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


这是用来证明我的问题的小提琴:jsFiddle

最佳答案

演示: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;}

08-26 16:13
查看更多