主要なブラウザと完全に互換性のある JS のスクロールトップ メソッド_JavaScript スキル
May 16, 2016 pm 04:03 PM
js
互換性がある
1. ブラウザごとのスクロールトップの違い
IE6/7/8/9/10:
Doctype 宣言のないページの場合は、document.body.scrollTop を使用してスクロールトップの高さを取得できます。
doctype 宣言のあるページの場合は、 document.documentElement.scrollTop ;
を使用できます。
サファリ:
Safari は非常に特殊で、scrollTop を取得する独自の関数があります。 Firefox:Firefox やその他の比較的標準的なブラウザでは、document.documentElement.scrollTop; を使用するだけです。
2. スクロールトップの値を取得します
scrollTop 割り当てフレーズを完全に取得:
コードをコピーします コードは次のとおりです:
varscrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;
scrollTop 値は、この割り当てを通じてどのような状況でも取得できます。
そうです、|| の真ん中に window.pageYOffset (Safari) が配置されています。
数値 0 が undefine と OR されると、システムはデフォルトで最後の値を返すためです。つまり、OR 演算で 0 == undefine;
他のブラウザでは、scrollTop の割り当てや操作の順序に関係なく undefine が返されることはありません。安全に使用できます。
結局のところ、やはり IE の問題です...
少し混乱していて、自分の考えを明確に表現できるかわかりません。
しかし最終的には、この文はテスト済みで問題ないので、安心して使用できるという結論に達しました。
コードをコピーします コードは次のとおりです:
varscrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;
これは、scrollTop を取得するための完璧な代入ステートメントです。
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

人気の記事
R.E.P.O.説明されたエネルギー結晶と彼らが何をするか(黄色のクリスタル)
2週間前
By 尊渡假赌尊渡假赌尊渡假赌
レポ:チームメイトを復活させる方法
3週間前
By 尊渡假赌尊渡假赌尊渡假赌
ハローキティアイランドアドベンチャー:巨大な種を手に入れる方法
3週間前
By 尊渡假赌尊渡假赌尊渡假赌
スプリットフィクションを打ち負かすのにどれくらい時間がかかりますか?
3週間前
By DDD
R.E.P.O.ファイルの保存場所:それはどこにあり、それを保護する方法は?
3週間前
By DDD

人気の記事
R.E.P.O.説明されたエネルギー結晶と彼らが何をするか(黄色のクリスタル)
2週間前
By 尊渡假赌尊渡假赌尊渡假赌
レポ:チームメイトを復活させる方法
3週間前
By 尊渡假赌尊渡假赌尊渡假赌
ハローキティアイランドアドベンチャー:巨大な種を手に入れる方法
3週間前
By 尊渡假赌尊渡假赌尊渡假赌
スプリットフィクションを打ち負かすのにどれくらい時間がかかりますか?
3週間前
By DDD
R.E.P.O.ファイルの保存場所:それはどこにあり、それを保護する方法は?
3週間前
By DDD

ホットな記事タグ

メモ帳++7.3.1
使いやすく無料のコードエディター

SublimeText3 中国語版
中国語版、とても使いやすい

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック
Gmailメールのログイン入り口はどこですか?
7311
9


Java チュートリアル
1624
14


CakePHP チュートリアル
1346
46


Laravel チュートリアル
1259
25


PHP チュートリアル
1207
29



株価分析に必須のツール: PHP と JS を使用してローソク足チャートを描画する手順を学びます

PHP および JS 開発のヒント: 株価ローソク足チャートの描画方法をマスターする
