Javascript 如何修复移动设备上粘桌上的抽搐bug?
我基于jqueryfloatthead插件制作了我的表。这张桌子有一个粘头。在手机上,下面出现了表格滚动,第一列变粘。但在真正的设备上,它的工作原理是错误的。桌头抽动着。第一栏也是。如何修复这些bug 我的桌子:Javascript 如何修复移动设备上粘桌上的抽搐bug?,javascript,jquery,Javascript,Jquery,我基于jqueryfloatthead插件制作了我的表。这张桌子有一个粘头。在手机上,下面出现了表格滚动,第一列变粘。但在真正的设备上,它的工作原理是错误的。桌头抽动着。第一栏也是。如何修复这些bug 我的桌子: 不要使用绝对位置。而是这样做: 表.floatThead({位置:“固定”,顶部:0}); 绝对位置对于内部滚动表更好。固定位置更适合页面滚动。如果您不提供值,插件会为您设置这些内容 使用固定位置设置,当您滚动页面时,表格的位置是“固定”的,从而消除了抖动 jQuery(func
不要使用
绝对
位置。而是这样做:
表.floatThead({位置:“固定”,顶部:0});
绝对位置对于内部滚动表更好。固定位置更适合页面滚动。如果您不提供值,插件会为您设置这些内容
使用固定位置设置,当您滚动页面时,表格的位置是“固定”的,从而消除了抖动
jQuery(function($) {
var table = $(".b-table");
table.floatThead({ position: "absolute", top: 0 });
var tableWraps = $(".table-responsive");
tableWraps.each(function() {
var tableWrap = $(this);
var headFirstColumn = tableWrap.find("td:first-child");
tableWrap.on("scroll", function() {
headFirstColumn.css("left", this.scrollLeft);
});
});
});