jQueryでウィンドウの高さとスクロール位置を決定するにはどうすればよいですか？

179

jQueryでウィンドウの高さとスクロールオフセットを取得する必要がありますが、jQueryドキュメントまたはGoogleでこれを見つけることができませんでした。

要素（おそらくウィンドウを含む）の高さとscrollTopにアクセスする方法があることを90％確信していますが、特定の参照を見つけることができません。

javascript jquery

— クレヨン
ソース

2

jQueryなしではどうですか？

— コスタ

@CostaそれはおそらくStackOverflowの他の場所で尋ねられました、そしてそうでなければそれはそれ自身の質問に値するでしょう。

— 1つのクレヨン

296

jQuery Docsから：

const height = $(window).height();
const scrollTop = $(window).scrollTop();

http://api.jquery.com/scrollTop/
http://api.jquery.com/height/

— ピムイェーガー
ソース

1

ドキュメントで見逃した数字。彼らを検索したが、彼らの組織は率直に言って私には意味をなさない（まだMootoolsで考えていると思う）。ありがとう！

— 1つのクレヨン

これは、以前のバージョンで追加されたと思われるjQuery 1.3.2のブラウザーでは機能しません。それか、ここのコードに問題があります

— Philluminati

11

$（window）.height（）は、スクロールの高さではなく、高さのビューポートを提供します。$（document）.height（）は、Aidaminaが示唆したように、実際のスクロールの高さを示します。

— ジョナサン

このような単純なものの賛成票がどれほど多く引き寄せられるかに驚かされることがよくありますが、今週2回これを調べたので、さらに+1

— Neil

41

http://api.jquery.com/height/から（注：ウィンドウとドキュメントオブジェクトの使用の違い）

$(window).height();   // returns height of browser viewport
$(document).height(); // returns height of HTML document

http://api.jquery.com/scrollTop/から

$(window).scrollTop() // return the number of pixels scrolled vertically

— アイダミナ
ソース

8

純粋なJS

window.innerHeight
window.scrollY

jqueryよりも10倍以上高速です（そしてコードは同様のサイズです）：

ここで、マシンでテストを実行できます：https : //jsperf.com/window-height-width

— カミル・キエチェフスキ
ソース

window.scrollY、スクロール上部の高さを取得

— xgqfrms

6

$(window).height()

$(window).width()

要素の場所とオフセットを決定するためのjqueryへのプラグインもあります

http://plugins.jquery.com/project/dimensions

要素のスクロールオフセット= offsetHeightプロパティ

— ジョーイV
ソース

1

ありがとう、ジョセフ。別のプラグインの使用を避けようとしていたため、私が探していたものとは異なりますが、正しい方向に検索してもらいました。最後に、実際に必要なのは '$（window）.scrollTop（）'で、それに応じて要素を調整するためにビューポートを超えてスクロールしたページの量を把握する必要がありました。

— DA。

0

要素のポイントまでスクロールする必要がある場合。Jquery関数を使用して、上下にスクロールできます。

$('html, body').animate({
                scrollTop: $("#div1").offset().top
            }, 'slow');

— dush88c
ソース