解決策をたくさん探しましたが、同じ「フリッカー」問題を説明する投稿は見つかりませんでした。ポリマーでネオンアニメーションページを使用するとちらつきがあります
あなたはGIFを見ることができますhere
状況
私は、ポリマースターターのようapp-route
を使用して、メニューでウェブサイトを持っていますが、ネオンアニメーション-ページで強化。 メニュー(スタート、マイカード、マイダッシュボード)を使用するとスムーズに移行します。
問題
ゴー「マイカード」との強化カードが最初のカードで(ツールチップ「詳細」)下矢印をクリックします。 もう一度メニューを使用すると、アニメーションが終了するとすぐにページのトランジションが点滅します。それは、すべてのオブジェクトがどこかにすばやく移動してから、その位置に戻るようなものです。私はそれがページ上の「再整列」オブジェクトに思えるように私は、CSSを変更しようとしました
を試してみましたが、何
。 また、別のページにルーティングするためにjavascriptを使用したが、ap-route(polymer starterkitのように)に「a href ...」を使用すると、この問題が再び消えました。
これが何であるかご了承ください。
Chrome、Firefox、IEで確認したところ、どこでも同じであるようです。
ありがとうございました! 種類: huebiii
私はOS Xエルキャピタンを使用して、サイト上の問題を再現することはできません、クロム52あなたは、この症状のスクリーンキャスト/ GIFを提供することはできますか? – tony19
ここにgifをアップロードしました:http://giphy.com/gifs/3o6Ztmt6dHyTo4zPu8 トランジションの最後に、オブジェクトが左に移動していることがわかります。上部の検索バーは水平方向に「サイズ変更」されているようです。 –
どのOSとブラウザ(およびバージョン)を使用していますか? – tony19