ホームページ > ウェブフロントエンド > jsチュートリアル > jsの視覚距離のメソッドのまとめ

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

零到壹度
リリース: 2018-03-24 14:50:05
オリジナル
1841 人が閲覧しました


今回は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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート