問題タブ [fouc]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
caroufredsel - キャッシュ時の Caroufredsel fouc
caroufredsel で問題が発生しています。最初にサイトを開いたときは完全に読み込まれますが、キャッシュされて再度開くと FOUC が発生し、要素が短時間垂直に表示されます。
ドキュメントには、「オーバーフロー: 非表示」で問題が解決されることが示されています ( http://docs.dev7studios.com/jquery-plugins/caroufredsel#jumpNav-8 )が、私たちの場合はそうではありません。
コードは次のとおりです。
これが私たちの開発ウェブサイトです：http://www.comercialbv.com/
javascript - iFrame 内でページがロードされたことをどのように知ることができますか?
javascriptを介して動的にiFrameをロードするWebページがあります。これにより IE で白いフラッシュが発生し、iFrame で次の属性を使用してフラッシュの問題を解決できました。
フレームが読み込まれたら、iFrame のソースを動的に変更するのではなく、target="frameName" を使用して他のページをフレームに読み込みます。ただし、これにより、さらに別の白いフラッシュが発生します。
さらに興味深いことに、iFrame に読み込まれるページはクロスドメインです。
親の iFrame は、iFrame ドキュメント内から postMessage が発生することなく、iFrame 内でページの読み込みが完了したことをどのように知ることができますか?
言い換えれば、iFrame のドキュメントがロードされたときに発生する何らかのイベントが IN THE PARENT にあるのでしょうか?
ある場合は、「a」タグのクリック イベントで iFrame を非表示にし、iFrame のドキュメントが読み込まれたときに再び表示して、白いフラッシュを回避できます。
javascript - firefox および ie での fouc の防止
FF & IE で FOUC を防止しようとしています。私のcss asyncをロードすると、（当然のことながら）それが発生します。本文を非表示にしてから表示する機能を設定すると、Chrome では機能しますが、IE/FF では機能しません。
オンラインで表示されているすべてのソリューションを試しましたが、機能するはずであり、機能していません。私のコードで見落とされているものがあるかどうか疑問に思っています。または誰かが知っている別の解決策はありますか？
javascript - CSS を動的に追加すると、Firefox が Web フォントをリロードする
JavaScript で CSS を追加すると FOUC が発生するため、Firefox で奇妙な動作に気付きました。問題は、CSS スタイルが JavaScript で動的に追加されるたびに、Firefox が Web フォントをリロードすることです。リロードされたファイルは通常キャッシュされますが、それでも FOUC (スタイル設定されていないコンテンツのフラッシュ) が作成されます。
実際、この問題はfont-family、または@mediaクエリを使用して CSS をドキュメントに動的に追加する場合にのみ発生します。どちらの場合も、Firefox は Web フォントをリロードします :(
Codepen のデモ: http://codepen.io/mjau-mjau/pen/XXgZbV?editors=101
画像でわかるように、CSS を動的に適用した後、Web フォントがリロードされます。
これは Firefox でのみ発生します。なぜこれが起こっているのか、またはFirefox用の公式バグトラッカーがあるのか 誰か知っていますか?