js表格前几列不动后几列随滚动条移动css html,固定表格前两列,后面列随滚动条移动...

这段代码展示了如何使用JavaScript和CSS实现HTML表格中前两列固定,当滚动条移动时,只有后面的列随滚动条移动。通过设置元素的position属性和监听滚动事件,实现了滚动时头部和第一列的动态定位。
摘要由CSDN通过智能技术生成

(function() {

var $container = $('.wxcep-table');

$container.css({

position: 'relative',

overflow: 'auto'

});

$container.find('table').css({

borderCollapse: 'collapse',

whiteSpace: 'nowrap'

})

var $head = $container.find('th');

var headTop = $head.position().top;

var $headcol2 = $head.filter(':lt(2)');

var $col = $container.find('td:first-child');

var colLeft = $col.position().left;

var $col2 = $container.find('td:nth-child(2)');

var colLeft2 = $col2.position().left;

$col.css({

backgroundColor: '#ffffff'

})

function moveBar() {

$this = $(this);

var newTop = $container.scrollTop() - headTop;</

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值