スクロール可能なテーブルソート - スクロール位置を保持するために、水平スクロール位置変換のアーチファクトを抑制する方法？

Question

テーブルがブラウザの幅よりも広いので、水平にスクロールできるテーブルを並べ替える必要があります。私はPHP/JSを使用していますが、AJAXは使用していません。

問題は右にスクロールして右端の列をソートするときに、ソート時に水平スクロール位置を保持する必要があることです。

私がしたことは、最初にJSを使って位置をスクロールして位置を偽ったことでした。しかし、それはページの読み込み後に発生します。だから私は翻訳を "見る"。

これを偽装するために、私はcssを使用して要素をすぐに右に変換（変換）しました。その後、ページがロードされるとすぐにJSの左に変換され（CSS変換を使用して位置を復元します）、JSを使用して目的の位置にスクロールします。

FirefoxとEdgeには問題がありません。中間的なフリッカーやアーティファクトは表示されません。

私のIE 11だけが、ページの読み込み時に翻訳の成果を示しています。

IEでこのフリッカー効果を抑制すると、ユーザーはどのようにしてテーブルを希望の位置にソートすることができますか？私はあなたがjqueryのやCSSソリューションを探している場合ので、私は、私が実行可能なCSSと見られてきたものを掲載しますことを確認していない以前の記事で

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

Answer 1

をいくつかのコードを提供してきた

しかし、jqueryが最も使用されています。私は常にスタイリングが考慮される場所では可能な限りCSSを好む。

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