背景：
WebGLキャンバスを使用して3Dコンテンツを表示するHTMLページがあります。オーバーレイされているのは複数<div>で、インラインCSSによって配置され、position: absoluteおよびに関連するディメンションがtopありleftます。
質問：
3Dコンテンツのビューを更新するとき（たとえば、すべてを少し回転させるとき）、オーバーレイされたものをすべて移動して<div>、3D空間の同じ場所にとどまるようにする必要があります。
Webページを更新して、再描画が1回だけになるようにするにはどうすればよいですか？
最初にWebGLを再描画し、次にn を反復処理すると、フレームごと<div>にn +1の再描画が行われます。少なくとも30fpsを取得する必要があるアニメーションでは、これはあまり良くありません...
注：
次のような他の質問も知っています：
複数のリフローを回避するために、複数のCSSスタイルをバッチで適用する方法はありますか？-しかし、それは1つの要素で複数のCSSパラメーターを結合することについて話します（私はすでにここでそれを使用して2 n +1からn +1まで取得しています...）
単一の再描画/リフローで複数のDOM更新？-しかし、それがここで役立つかどうかはわかりません。n +1の再描画もあると思います...
PS：jQueryはそのプロジェクトですでに使用されているため、許可されています。