テキスト要素で「mix-blend-mode:overlay」を使用するだけで、テキストが画面ビューにある間、ブラウザのスクロールが非常に遅くなります。テキスト項目をスクロールするとすぐに、スクロールはスムーズに戻ります。
mix-blend-modeを削除すると、chromeとfirefoxの両方に影響するラグ効果が解決されます。
他の誰かが mix-blend-mode で同様の問題を抱えていますか?
2432 次
1 に答える
3
これがあなたのケースで役立つかどうかはわかりませんが、「transform: scale(-1);」がありました。「mix-blend-mode」が有効になっている要素に設定します。トランスフォームを削除すると、パフォーマンスはシルクのように滑らかになりました! したがって、何らかの「変換」を使用している場合は、それを削除して、可能であれば別の解決策を探します。
次の例のように、「isolation」プロパティを下のレイヤーに設定すると役立つ場合もあります: https://developer.mozilla.org/en-US/docs/Web/CSS/mix-blend-mode#HTML_example
于 2019-01-04T09:29:41.113 に答える