javascript - 可滚动表排序 - 如何抑制水平滚动位置平移的伪影，以保持滚动位置？

Question

我想对一个可以水平滚动的表格进行排序，因为表格比浏览器宽度宽。我正在使用 PHP/JS 但没有使用 AJAX。

问题是当我向右滚动以对最右边的列进行排序时，我需要在排序时保留水平滚动位置。

我做的是先用JS滚动到位置来伪造位置。但这发生在页面加载之后。所以我“看到”了翻译。

所以，为了伪造它，我使用 css 立即将元素平移(转换)到右侧。然后，当页面加载时，我立即在 JS 中向左移动(使用 css 转换，以恢复位置)，然后我使用 JS 滚动到所需位置。

Firefox 和 Edge 执行此操作没有问题，并且不会显示任何中间转换闪烁或伪像。

只有我的 IE 11 显示页面加载时的翻译伪影。

如何在 IE 中抑制这种闪烁效果，以便用户只能看到在其所需位置排序的表格？

我在之前的帖子中提供了一些代码

How do I prevent page flicker in IE which does not appear in Firefox?

Answer 1

我不确定您是在寻找 jquery 还是 css 解决方案，所以我将发布我认为可行的 css 解决方案..但 jquery 是最常用的。在考虑样式的情况下，我总是更喜欢 css。

<!--[if IE]>
<meta http-equiv="Page-Enter" content="blendTrans(duration=0)" />
<meta http-equiv="Page-Exit" content="blendTrans(duration=0)" />
<![endif]-->