質問: とすることで解決したかと感じています。 こちらで問題がなければ、一定量スクロールしてからの表示方法を 記述場所なども含めて教えていただきたいです。 どうぞよろしくお願いいたします。
回答: 参考のページのソースをコピペしてサンプル作ってみました。 サンプルのjsの33行目と42行目が「最初の読み込みの際にヘッダーメニューが表示されている状態」と「下スクロールするとすぐにヘッダーメニューが消えてしまうのである程度スクロールしてから消えてほしい」を実現している部分です。 if文で判定しているのは現在のウィンドウの一番上の座標の位置です。これが指定の座標を超えるまではナビゲーションバーを表示します。else内でナビゲーションバーのtopを0にすることで表示しています。 指定の座標を超えてからは既存の処理通り、フィールド変数に保持した前回の座標と現在の座標を比べて上に移動している場合、ナビゲーションバーを表示、下に移動している場合非表示にしています。