この記事では、jquery のscrollTop メソッドを使用して、ページの垂直スクロール ピクセルを監視し、ピクセルに基づいてトップ ナビゲーション バーを非表示または表示します。
効果プレビュー URL: http://www.keleyi.com/keleyi/phtml/scrolloversee.htm
scrollTop の概要:
構文
$(selector).scrollTop(offset)
パラメータ
offset
説明
オプション。スクロールバーの上部からのオフセットをピクセル単位で指定します。
定義と使用法
scrollTop() メソッドは、一致する要素のスクロール バーの垂直位置を返すか、設定します。
スクロール上部のオフセットは、スクロール バーの上部に対する相対的なオフセットを指します。
このメソッドがパラメータを設定しない場合、スクロール バーの上部からのオフセットをピクセル単位で返します。
ヒントとメモ
注: この方法は、表示要素と非表示要素の両方に機能します。
注: 値を取得するために使用される場合、このメソッドは最初に一致した要素のスクロール上部のオフセットのみを返します。
注: 値の設定にこのメソッドを使用すると、一致するすべての要素のスクロール上部のオフセットが設定されます。
完全なコードを添付し、HTML ファイルに保存し、それを開いて効果を体験してください:
