javascript – 可滚动表排序 – 如何抑制水平滚动位置转换的瑕疵,以保持滚动位置？

2019年7月28日 180次阅读

我想排序一个可以水平滚动的表,因为表比浏览器宽度宽.我使用
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?

最佳答案 我不确定你是否正在寻找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]-->
点赞