要素から上部までの距離を取得するjQueryメソッド

jQueryでは、offsetメソッドで要素から先頭までの距離を取得できます。構文は「$("Element Selector").offset().top;」のような形式になります。最初に一致した要素の距離を返します。オフセット座標。

このチュートリアルの動作環境: Windows7 システム、jquery1.10.0 バージョン、Dell G3 コンピューター。

jQuery は要素からページの先頭までの距離を取得します

超簡単な方法:

$( "元素选择器" ).offset().top;

手順:

offset() メソッド ドキュメントに対する選択された要素のオフセット座標を返します。

このメソッドは、最初に一致した要素のオフセット座標を返します。 2 つのプロパティ (ピクセル単位の上と左の位置) を持つオブジェクトを返します。

offset().top

offset() の上部は、ブラウザの現在のフォームの上端ではなく、要素とドキュメントの上部の間の距離を指します。次に示すように、図1。

図 1: ドキュメントの高さがウィンドウを超え、ブラウザにスクロール バーが表示され、スクロール バーがスクロールされます。送信ボタンのオフセットは変更されません。

図 2: ドキュメント内の div にはスクロール バーがあります。送信ボタンのオフセットは div のスクロールとともに変化しますが、ドキュメントとは関係ありません

推奨: 「jquery ビデオ チュートリアル 」 「JavaScript 基本チュートリアル 」

以上が要素から上部までの距離を取得するjQueryメソッドの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。