ホームページ  >  記事  >  ウェブフロントエンド  >  jsの視覚距離のメソッドのまとめ

jsの視覚距離のメソッドのまとめ

零到壹度
零到壹度オリジナル
2018-03-24 14:50:051787ブラウズ


今回はjsの視覚距離についての知識ポイントをまとめます。具体的な内容は以下のとおりです。

JQuery モニタリング ページ スクロールの概要

1. 現在スクロールしているウィンドウの上部からページ全体の上部までの距離:

  var winPos = $(window).scrollTop();

2. 指定された要素のページ位置を取得します。

    $(val).offset().top;

3. ページへスクロールバーのスクロールの監視: ページがロードされるときに配置する必要があります

 $(window).scroll(function(event)});

4. スクロールバーを指定された位置に設定します。

$(window).scrollTop(offset)。

5, jQuery('#item').outerHeight()

#itemの実際のサイズ、つまり高さ+パディング+ボーダー

6 jQuery('#item').outerHeight(true)

#item の実際のサイズとマージン、つまり高さ+パディング+ボーダー+マージン

関連推奨事項:

可視距離の高さを計算するJSでの質問

【フロントエンド】要素が可視範囲内にあるかどうかを判定する方法まとめ

jsは可視領域とbodyの幅と高さを取得します

以上がjsの視覚距離のメソッドのまとめの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。