zoukankan      html  css  js  c++  java
  • 固定table第一行第一列

    //固定第一行和第一列
    $(".packpro_div").scroll(function(){//给table外面的div滚动事件绑定一个函数
                        var left=$(".packpro_div").scrollLeft();//获取滚动的距离
                        var top=$(".packpro_div").scrollTop();//获取滚动的距离
                        var trs=$(".packpro_div table tr");//获取表格的所有tr 
                        trs.each(function(i){//对每一个tr(每一行)进行处理
                        //获得每一行下面的所有的td,然后选中下标为0的,即第一列,设置position为相对定位
                        //相对于父div左边的距离为滑动的距离,然后设置个背景颜色,覆盖住后面几列数据滑动到第一列下面的情况
                        //如果有必要也可以设置一个z-index属性
                            if(i==0){
                                $(this).children().css({"position":"relative","top":top,"background-color":"rgb(134,147,243)",border:"1px solid gray",color:"white"});
                            }
                            $(this).children().eq(0).css({"position":"relative","left":left,"background-color":"rgb(134,147,243)",border:"1px solid gray",color:"white"});
                            });
                        });
  • 相关阅读:
    开场白
    八皇后(DFS)
    function-paren-newline (Rules) – Eslint 中文开发手册
    Java面试题:Error和Exception有什么区别?
    Linux mmove 命令
    字母间距 | letter-spacing (Scalable Vector Graphics) – CSS 中文开发手册
    object.watch (Object) – JavaScript 中文开发手册
    ASP.NET MVC HTML 帮助器
    C 库函数 – strerror()
    Java中的初始化模块
  • 原文地址:https://www.cnblogs.com/tfeblog/p/13259138.html
Copyright © 2011-2022 走看看