我有一个具有动态宽度的内容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;}