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

标签 javascript html css

我想对一个可以水平滚动的表格进行排序,因为表格比浏览器宽度宽。我正在使用 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/

相关文章:

php - javascript 根据第一个更改剩余的下拉值

javascript - 使用 javascript 添加 float

javascript - 使用 Javascript 在 session 中自动递增不起作用

CSS 下拉损坏

html - Wordpress - 如何阻止 WPBakery 构建的页面上的 Pardot 表单在某些浏览器尺寸上添加滚动条?

javascript - flot 饼图在饼标签中未显示值 1

php - 在 javascript alert 里面写 php

javascript - 选择选择选项后移动自动对焦

javascript - 如何阻止单元格的内容用于计算列宽

html - 如何设置中间 div 高度 100% 取决于使用 css 的 Div A 和 Div B?