我想对一个可以水平滚动的表格进行排序,因为表格比浏览器宽度宽。我正在使用 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]-->
关于javascript - 可滚动表排序 - 如何抑制水平滚动位置平移的伪影,以保持滚动位置?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39878738/