問題タブ [static-html]
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.
javascript - Cookie 値に基づいて要素を表示する際の最初のページ ジャンプを防止する
静的 HTML のページがあり、ロード時および jQuery を介して、永続的な Cookie ("hideAnnouncements") が存在するかどうかを確認します。この Cookie が存在しない場合、jQuery の load() メソッドを使用して外部 HTML ファイル (お知らせの箇条書きリストを含む) を div にロードし、箇条書きリストで垂直カルーセル スクローラーを実行します。ユーザーが「x」アイコンをクリックしてこの div を非表示にすることを選択すると、その後のアクセスのために「hideAnnouncements」Cookie が作成されます。
私が抱えている問題は、ページ HTML が最初に読み込まれ、その後、アナウンス div がページの一番上に読み込まれるときに非常に明白で迷惑なページ ジャンプが発生することです。
サーバー側のコードに依存せずに (ページがキャッシュ/静的 HTML であるため)、ページ ジャンプを回避するためのより良い方法はありますか? それとも、Cookie が存在するかどうかがわかるまで、ページ全体の読み込みを遅らせますか?