ページのスクロールとトグル後にテキストが消える

Question

良いウェブサイトのテンプレートを見て、ウェブサイトの作成を開始しました。リンクはhttps://html5up.net/lensです。このプロセスでは、ユーザーがページをスクロールして画像の「X」（フルスクリーン画像を表示する）をクリックして戻ったり、ページの上部にスクロールしたり、まだDOMに現れていますが、消える前に表示されていました。 私はjs関数がトグルのために書かれているのを見ました。それは簡単で、ウェブページをスクロールしない限りうまくいきます。バグのスクリーンショットをご覧ください。 Screenshot of the bug

Answer 1

これはknown, ongoing issueで、Chrome and CSS visibilityです。影響を受ける子どものCSSを更新することでこれを修正することができます。クラスを変更したり、子要素の可視性を手動で設定することができます。これは、Chromeが自動的にdivのレンダリングを妨げるからです。なぜなら、表示するように呼び出された時点では、画面から外れていて表示できないからです。