div の最上部から現在の画面の上部までの距離をどのように決定しますか?
必要なのは、ドキュメントの上端ではなく、現在の画面の上端までのピクセル距離だけです。 や などの方法をいくつか試してみました.offset()
が.offsetHeight
、よくわかりません。
ベストアンサー1
を使用し.offset()
て要素と比較したオフセットを取得しdocument
、要素scrollTop
のプロパティを使用してwindow
ユーザーがページをどのくらい下にスクロールしたかを確認できます。
var scrollTop = $(window).scrollTop(),
elementOffset = $('#my-element').offset().top,
distance = (elementOffset - scrollTop);
変数は、要素distance
の上部#my-element
と上部折り返しからの距離を保持するようになりました。
デモはこちらです:http://jsfiddle.net/Rxs2m/
負の値は、要素がトップフォールドの上にあることを意味することに注意してください。