2

さまざまな画面間で「遷移」する Web アプリケーション (HTML/CSS/JS) があります。画面はかなり複雑で、多くの要素があります。実際には、http://beta.usatoday.com/と非常によく似ていますが、左から右だけでなく上下にも移動します。(そして、おそらく少し複雑ではありません)。

そこで、ビュー間のスライドを管理するために CSS3 トランジションを使用しています。私のマシンでは、それらは滑らかで美しく、アプリケーションは本当に見栄えがします。ただし、古いマシンでは、エクスペリエンスの満足度が大幅に低下します。たとえば、グラフィックスが統合された Core2Duo ラップトップ - 約 3 年前。これで、トランジションが非常に不安定になり、トランジションに非常に長い時間がかかります。持続時間は 0.3 秒に設定されていますが、古いマシンでは 4/5 秒かかります。

だから私の質問は：

  • 古いハードウェアの滑らかさを改善するにはどうすればよいですか?
  • できない場合、ハードウェアに基づいて (または遷移の実際の時間を測定することによって) フォールバックして、位置を設定する方法はありますか?
4

1 に答える 1

1

一部のブラウザー バージョンとモバイル ブラウザーでは、webkit にバグがあり、遷移が非常に遅くなります。私のために働いた修正の1つは、追加することです：

-webkit-transform: translate3D(0, 0, 0);

別の解決策は、遷移中に背面の可視性がどのようにレンダリングされるかに関係していました。そのための修正は、背面が以前に変更されていなくても、次を追加することでした。

-webkit-backface-visibility: hidden;

あなたのコードを見なければ、これらが役立つかどうかを言うのは難しいですが、試してみてください (そして明らかに、ブラウザの適切なプレフィックスでサブしてください)。

于 2012-11-26T09:35:50.240 に答える