意味:バーの高さをスクロールします
機能:スクロールロード(AJAX)、スクロールナビゲーション固定位置決め、弾丸フレームの位置決めなど。
スクロールナビゲーションとサイドバースクロールの固定位置決めの効果を示します。
1。Chromeブラウザ
両方のdocument.body.scrolltopとdocument.documentlement.scrolltopは大丈夫です
2。各ブラウザのscrolltopの違い
IE6/7/8/9/10:
Doctype宣言のないページの場合、document.body.scrolltopを使用して、スクロールトップの高さを取得できます。
Doctype宣言のページについては、document.documentelement.scrolltopを使用できます。
サファリ:
Safariは非常に特別であり、Scrolltop:Window.PageYOffsetを取得する独自の機能があります。
Firefox:
Firefoxやその他の比較的標準的なブラウザははるかに心配です。直接使用するだけです
document.documentlement.scrolltop;
3.スクロールトップ値を取得します
スクロールトップ割り当てフレーズを取得するのに最適です:
var scrolltop = document.documentelement.scrolltop || window.pageyoffset || document.body.scrolltop;
PS:JavaScriptのScrolltop使用の問題
document.documentlement.scrolltopは、スクロールバーの垂直座標を指します
document.documentlement.clientheightは、ブラウザの可視領域の高さを指します。
document.documentelement.clientheight-odivは、吊り下げられたボックスの初期垂直座標です(ボディの最高値に対する)(この値は固定されています)
ただし、スクロールバーを引くと、フローティングフレームの垂直座標(ターゲット)を初期座標に基づいて増加または減少させる必要があります。値の増加または減少は、スクロールバーが引っ張る距離、つまりスクロールトップです
JavaScriptのScrolltopとOffsettopの違いを教えてください
スクロールトップとは、スクロール可能なブロックが下向きにスクロールする距離を指します。たとえば、10ピクセルの下向きにスクロールするなど、この要素のスクロールトップ属性値は10です。
オフセットは、要素の上部境界と親要素の上部境界の間の絶対距離です。
2人は同じことを説明していないので、比較はありません。
上記は、編集者が紹介したJavaScriptのScrolltopの完全な説明です。それがあなたに役立つことを願っています。もっと知りたい場合は、wulin.comに注意してください!