最初のページの読み込み時にdivが誤って読み込まれるのを防ぐにはどうすればよいですか？
ナンバン
ユーザーがページを800px下にスクロールした後にのみ表示されるはずのWebサイトのコンテンツナビゲーションバーがあります。私はこのJSコードを使用して、この動作を実装しています。
$(document).scroll(function() {
var y = $(this).scrollTop();
if (y > 800) {
$("#pn-navigation-bar").fadeIn();
} else {
$("#pn-navigation-bar").fadeOut();
}
});
ただし、ページが最初に読み込まれると、ナビゲーションバーは表示されますが、ユーザーが少しスクロールすると消えます。これは、このビデオと以下の画像で示されています。
ただし、JSコードでは、特定の量がスクロールされる前にdivを表示しないように指定しています。これを修正するにはどうすればよいですか？
chiliNUT
ロジックは、「指定されていない一定の量がスクロールされた前のdivを表示しない」のではなく、それはより多くのようなものを指定します「一定量がスクロールされていない場合のdivを非表示にし、ページがスクロールされたときに」あなたので、また、ページが読み込まれた後、スクロールが発生する前に、ナビゲーションバーの初期表示を指定する必要があります。
最初に非表示に設定style="display:none;"するだけ#pn-navigation-barです。
または $("#pn-navigation-bar").hide()、CSSを変更したくない場合は、ドキュメントの準備ができています。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
編集
関連記事
Related 関連記事
- 1
最初のページの読み込み時にdivが誤って読み込まれるのを防ぐにはどうすればよいですか？
- 2
ngが1回だけ配信されるときに、ページの自動再読み込みを防ぐにはどうすればよいですか？
- 3
ページの読み込みが速くなったときに読み込み画面をテストするにはどうすればよいですか？
- 4
HTMLページ全体が読み込まれるまで読み込み中のgifを表示するにはどうすればよいですか？
- 5
ページの読み込み時に乱数を生成するにはどうすればよいですか？
- 6
ページの読み込み時にJavascriptを実行するにはどうすればよいですか
- 7
divへのページの読み込みを遅くするにはどうすればよいですか？
- 8
ページの読み込み時にアンカータグに基づいてdivを切り替えるにはどうすればよいですか？
- 9
ページが読み込まれた後、このASP.NET divを読み込むにはどうすればよいですか？
- 10
createElement関数を使用してJavaScriptでページの読み込み時にdiv要素を作成するにはどうすればよいですか？
- 11
クリック時にdivを表示/非表示-ページの読み込み時にdiv1を表示するにはどうすればよいですか？
- 12
最初のページの読み込み時にJavaScript関数を実行するにはどうすればよいですか？
- 13
ページの読み込み時にdivをお互いの直後に緩和するにはどうすればよいですか？
- 14
Angularアプリの読み込み中にUIスレッドがフリーズするのを防ぐにはどうすればよいですか？
- 15
ページの読み込み時にfontawesomeなどのWebフォントを読み込むにはどうすればよいですか？
- 16
ページの読み込みに並列を使用するにはどうすればよいですか？
- 17
ウェブページの読み込みを中断するにはどうすればよいですか？
- 18
jQuery Mobileでどのページが読み込まれているのかを知るにはどうすればよいですか？
- 19
Knockout.js関数がページの読み込み時に実行されないようにするにはどうすればよいですか？
- 20
ページの読み込み時にphpコードが読み込まれないようにすることは可能ですか？
- 21
「ページの読み込み」時にページをアンカーリンク部分に移動するにはどうすればよいですか？
- 22
次のページの読み込みが始まる前にJavaScriptをアクティブ化するにはどうすればよいですか？
- 23
ページの読み込み後の特定の時間にHTMLクラスを追加および削除するにはどうすればよいですか？
- 24
変更時およびページの読み込み時にオプション値を取得するにはどうすればよいですか？
- 25
ページの読み込み時にルーターの状態をトリガーするにはどうすればよいですか？
- 26
ページの読み込み時間を短縮するために、このWordPressのJavaScriptスニペットを遅延または非同期で最後に読み込むにはどうすればよいですか？
- 27
ページの読み込み時に特定のJavaScriptの実行を停止するにはどうすればよいですか
- 28
AngularJSでjqueryを使用せずにページの読み込み時にフォームを送信するにはどうすればよいですか？
- 29
ngOnInitの後にページの読み込み時にプロパティを更新するにはどうすればよいですか
コメントを追加