css position:fixed时还能水平滚动，如何实现

Question

css position:fixed时还能水平滚动，如何实现，或者是table里面的thead固定显示在最上面

Answer 1

参见 http://www.jb51.net/article/47003.htm

Answer 2

给容器增加scroll事件设置你的fixed对象的left属性为容器的-scrollLeft

固定table的表头

Answer 3

fixed是相对于body的，给个DEMO你参考

 <style>
#fixed{position:fixed;left:0px;top:0px;border:solid 1px #000;width:100%;background:#fff}
</style>
<div id="fixed">fixed定位容器</div>
<div style="width:2000px;height:2000px">内容</div>
<script>
window.onscroll=function(){
var sl=-Math.max(document.body.scrollLeft,document.documentElement.scrollLeft);
document.getElementById('fixed').style.left=sl+'px';
}
</script>
aaaa