表头不动的表格

最新推荐文章于 2024-06-18 10:36:47 发布

原创最新推荐文章于 2024-06-18 10:36:47 发布 · 444 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery

js 同时被 2 个专栏收录

15 篇文章

订阅专栏

html

1 篇文章

订阅专栏

本文记述了一次修复复杂BUG的过程，从简单的开始到最后发现事情并非想象中那么简单，期间还穿插了紧急任务的处理，整个过程充满挑战。

不要嘲讽我的标题，我是真不知道怎么形容

前几天经理叫我改个bug

我觉的简单就痛快的答应了

经理笑了，我菊花一紧，就觉得其中有诈

果真不是那么好弄

然后在我改这个bug的时候，又有比较重要的任务

长话短说，这任物，归总起来花我1天的时间吧

以至于，做完这任务，我就像卖拐里的彪哥：我不仅会走了，还会大跳！

好傻..

<meta charset=utf-8 >
<style>
.a{
    width:400px;
    height:300px;
    overflow:auto;
    background-color:red;
}
.b{
    background-color:#FFF;
    margin:3 3 0 0;
    padding:5px;
    z-index:0;
}
.c{
    overflow:hidden;
    width:383px;
}
.y{
    width:400px;
    height:300px;
    z-index:100;
}
.z > tr{
    background-color:blue;    
}
.z{
    position:relative;    
}
</style>
<div class="y">
<div class="c"><div class="z"></div></div>
<div class="a"></div>
</div>
<script src="jq.js"></script>
<script>
var a = $(".a");
for(var i=1;i<=50;i++){
    var tr = $("<tr></tr>");
    for(var j=1;j<=50;j++){
        var td = $("<td><div class='b'>10</div></td>");
        tr.append(td);
    }
    a.append(tr);
}
var z = $(".z");
var tr = $("<tr></tr>");
for(var i=1;i<=50;i++){
    var td = $("<td><div class='b'>88</div></td>");
    tr.append(td);
}
z.append(tr);
$(".a").scroll(function(){
    var left = $(this)[0].scrollLeft;
    $(".z").css({"left":-left,});
});
</script>