Javascript 如何修复移动设备上粘桌上的抽搐bug?

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

我基于jqueryfloatthead插件制作了我的表。这张桌子有一个粘头。在手机上,下面出现了表格滚动,第一列变粘。但在真正的设备上,它的工作原理是错误的。桌头抽动着。第一栏也是。如何修复这些bug

我的桌子:


不要使用
绝对
位置。而是这样做:

表.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);
    });
  });
});