jqueryのscrollTopメソッドは、スクロールpixel_jqueryに応じてトップナビゲーションバーを表示または非表示にします

この記事では、jquery のscrollTop メソッドを使用して、ページの垂直スクロール ピクセルを監視し、ピクセルに基づいてトップ ナビゲーション バーを非表示または表示します。
効果プレビュー URL: http://www.keleyi.com/keleyi/phtml/scrolloversee.htm

scrollTop の概要:

構文
$(selector).scrollTop(offset)

パラメータ
offset
説明
オプション。スクロールバーの上部からのオフセットをピクセル単位で指定します。

定義と使用法
scrollTop() メソッドは、一致する要素のスクロール バーの垂直位置を返すか、設定します。
スクロール上部のオフセットは、スクロール バーの上部に対する相対的なオフセットを指します。
このメソッドがパラメータを設定しない場合、スクロール バーの上部からのオフセットをピクセル単位で返します。

ヒントとメモ
注: この方法は、表示要素と非表示要素の両方に機能します。
注: 値を取得するために使用される場合、このメソッドは最初に一致した要素のスクロール上部のオフセットのみを返します。
注: 値の設定にこのメソッドを使用すると、一致するすべての要素のスクロール上部のオフセットが設定されます。

完全なコードを添付し、HTML ファイルに保存し、それを開いて効果を体験してください:

コードをコピー コードは次のとおりです:

• 。 NET
• Javascript
• jQuery
• < a href="http://www.keleyi.com/menu/csharp/" target="_blank">C#
• その他
• 首页

请滚动鼠标使页面下

www.keleyi.com

欢迎

hi

柯乐义

keleyi.com

keleyi

keleyi.com

柯乐义

柯乐义监視下滚像素

A

jquery

翻訳

keleyi.com

完整代码