修复了标题表,在单击div滚动条图标点击时使用IE11(Internet Explorer)中的Jquery闪烁滚动.

Question

固定标题表____当使用定位时点击ie11中的滚动条图标闪烁我不能改变结构,因为它是动态来自不同的来源并进入表体结构

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

这里是附带的小提琴工作正常铬,但当我检查,即当点击div垂直滚动条下方或上方图标时可怕的闪烁

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

DEMO Js Fiddle演示 JQUERY

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

Answer 1

这已被认为是 IE11 的错误，并且根据2014 年的另一个 SO 问题，在以下条件下出现：

滚动时，三种情况可能会导致 IE 11 固定位置元素闪烁/不稳定/延迟：

1. 如果你有一个“溢出：自动；” 在父容器元素上，将其删除。
2. 删除背景附件：已修复；来自固定位置元素。

3. 从固定位置元素中删除边框半径（仅限移动 IE）。

   （@Adamy 接受的答案）

好吧，从代码中删除自动溢出会失去整个目的，因此这不是这里的最佳解决方案，其他解决方案也不适用。然而，似乎有效的（根据这个 MS Connect bug）是一些 HTML 更改，分隔标题行，并向实际表体添加自定义滚动功能。这个 JsFiddle 页面（由响应 MS bug 的人员友好提供）有一个工作示例：

https://jsfiddle.net/84y0vtyx/

（仅包括示例的一部分和相关注释。完整的解释需要查看 JsFiddle 示例。）

/* Only WinIE will fire this function. All other browsers scroll the TBODY element and not the DIV */
/* This is to hide the SELECT elements from scrolling over the fixed Header. WinIE only.           */
/* toggleSelectBoxes added on 2005-01-28 */
/* Terence Ordona, portal[AT]imaputz[DOT]com         */


window.onload = function() { addIEonScroll(); }