javascript - 修复了标题表，在 IE11(Internet Explorer)中使用 Jquery 滚动时单击 div 滚动条图标时会闪烁。

Question

FIXED HEADER TABLE ____When clicking on scrollbar icon in ie11 flickers when using positioning 因为我无法更改结构，因为它动态地来自不同的来源并进入表体结构

<tbody><tr></tr><tr></tr></tbody>

这是附加的 fiddle 在 chrome 中工作正常但是当我检查时即单击图标下方或上方的 div 垂直滚动条时它会可怕地闪烁

任何 Css 或 html 解决方案也是可以接受的，直到 html 结构没有变化

演示 Js Fiddle Demo 查询

   $(document).ready(function() {
$('#theDiv').on('scroll', function () { 
                $('#headerRow td,#headerRow th').css({'position':'relative','background':'red','top':$('#theDiv').scrollTop()-1});
});
    });

Answer 1

首先，我们将 #theDiv 包装在 #theDivWrap 中(使用 jQuery)并使用 css 为其设置样式...

想法是通过 JS 将标题行复制到附加到 #theDivWrap 的新 div

现在遍历表格标题元素并创建一个基于 div 的类似样式的标题，它将覆盖表格并添加到 #theDivWrap 并且即使在滚动时也永远留在那里，因为换行不会自动溢出.. .

https://jsfiddle.net/5dqnumh6/39/

调整 .headerRow 的负边距底部以满足您的需要；)