Javascript 可滚动表格排序-如何抑制水平滚动位置平移的伪影,以保留滚动位置?

Javascript 可滚动表格排序-如何抑制水平滚动位置平移的伪影,以保留滚动位置?,javascript,html,css,Javascript,Html,Css,我想对可以水平滚动的表进行排序,因为该表比浏览器宽度宽。我使用的是PHP/JS,但不是AJAX 问题是当我向右滚动以在最右边的列上排序时,我需要在排序时保留水平滚动位置 我所做的是先用JS滚动到这个位置来伪造这个位置。但这是在页面加载之后发生的。所以我“看到”了翻译 所以,为了伪装它,我使用css立即将元素翻译(转换)到右边。然后当页面加载时,我立即在JS中向左平移(使用css转换,以恢复位置),然后使用JS滚动到所需位置 Firefox和Edge这样做没有问题,也没有显示任何中间翻译闪烁或工件

我想对可以水平滚动的表进行排序,因为该表比浏览器宽度宽。我使用的是PHP/JS,但不是AJAX

问题是当我向右滚动以在最右边的列上排序时,我需要在排序时保留水平滚动位置

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

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

Firefox和Edge这样做没有问题,也没有显示任何中间翻译闪烁或工件

只有我的IE 11显示了页面加载时的翻译工件

我如何在IE中抑制这种闪烁效应,以便用户只看到在其所需位置排序的表格?

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


我不确定您是否在寻找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]-->


我需要一种干净的方法,在每次页面加载时保持水平滚动位置,以防止jQuery在页面加载时跳转到滚动位置。您好,在JS中将表格翻译到左边之前,是否可以直观地隐藏表格?如果您在问题中提供更多的代码,甚至是一个工作示例,我可以为您制作一个演示。如果您使用例如
opacity:0并将其更改为
不透明度:1翻译完表格后,不应该看到闪烁。请查看另一个问题的答案。对于您的问题,这可能是一个更好的解决方法:感谢您的回复。我以前尝试过合并IE补丁,但闪烁仍然存在。我不介意提供哪种解决方案(jQuery或css),我尝试了一种更“激进”的方法。由于meta标记在我的浏览器IE 11(HTML5)中不起作用,我使用animate.css来淡入表格并抑制翻译的工件。不过,我对其他解决办法持开放态度。