1. ホーム
  2. javascript

[解決済み] javascriptでdivの先頭からウィンドウの先頭までの距離を測定する

2022-05-12 02:16:59

質問

divの最上部から現在の画面の最上部までの距離はどのように決定するのでしょうか? 私はちょうど文書のトップではなく、現在の画面の上部へのピクセルの距離が必要です。 私は次のようないくつかのことを試してみました。 .offset() とか .offsetHeight が、どうしても頭に入ってきません。 ありがとうございます。

どのように解決するのですか?

この場合 .offset() と比較したオフセットを取得するために document 要素を使用し、その後に scrollTop のプロパティに window プロパティを使用して、ユーザーがページのどこまで下にスクロールしたかを調べます。

var scrollTop     = $(window).scrollTop(),
    elementOffset = $('#my-element').offset().top,
    distance      = (elementOffset - scrollTop);

distance の先頭からの距離を保持するようになりました。 #my-element 要素の上端とトップフォールドの距離を保持するようになりました。

以下はデモです。 http://jsfiddle.net/Rxs2m/

負の値は、要素がトップフォールドより上にあることを意味することに注意してください。