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"});
                            });
                        });
  • 相关阅读:
    html基础起航
    必杀技———SQL基础整理系列(一)
    JavaScript代码段整理笔记系列(一)
    与JSP的初次邂逅……
    产品第二篇
    产品第一篇
    进程在后台可靠运行的几种方法
    Vue.js模板语法
    更靠谱的横竖屏检测方法
    浮动【电梯】或【回到顶部】小插件:iElevator.js
  • 原文地址:https://www.cnblogs.com/tfeblog/p/13259138.html
Copyright © 2011-2022 走看看