问题描述
- css position:fixed时还能水平滚动,如何实现
-
css position:fixed时还能水平滚动,如何实现,或者是table里面的thead固定显示在最上面
解决方案
参见 http://www.jb51.net/article/47003.htm
解决方案二:
给容器增加scroll事件设置你的fixed对象的left属性为容器的-scrollLeft
解决方案三:
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
时间: 2024-10-26 17:46:34