javascript scrollTop正解の使い方
1447 ワード
javascript scrollTopは、その頂部に対するスクロールバーのオフセットを取得する(自動表示されていない「トップに戻る」ボタンを作成する).実際のアプリケーションでは、しばしば以下の問題に遭遇します.Dcument.documentElement.scrolltopは、Chrome内では常に0 document.body.scrollTopは、IEとfirefox内では総じて01であり、各ブラウザの下でwindow.pageyoffset/document.document.document.document.documentElement.document.document.document.document.document.document.document.
doctype:
window.pageYOffset:undefined
document.documentElement.scrollTop:100
Dcument.body.scrollTop:0
doctypeなし:window.pageYOffset:undefineddocument.documentElement.scrollTop:0 document.body.scrollTop:100 Safari/Chrome:window.pageyoffset:100 document.documentElement.scroment.scroment.scrome nt.scroment.tollement.scrop.tollement.scrop.tollement.cdy.toll.tolled.toll.
Firefox/Opera:
doctype:window.pageYOffset:100 document.document Element.scrollTop:100 document.body.scrollTop:0
doctypeなし:window.pageYOffset:100 document.document Element.scrollTop:0 document.body.scrollTop:100
2、scrollTopの値を取得して完璧にscrollTopの割当値を簡単に書く:
window.scroll(0,100)
console.log(“window.pageYOffset:”+window.pageYOffset)
console.log(“document.documentElement.scrollTop:”+document.documentElement.scrollTop)
console.log(“document.body.scrollTop:”+document.body.scrollTop)
IE 6/7/8:doctype:
window.pageYOffset:undefined
document.documentElement.scrollTop:100
Dcument.body.scrollTop:0
doctypeなし:window.pageYOffset:undefineddocument.documentElement.scrollTop:0 document.body.scrollTop:100 Safari/Chrome:window.pageyoffset:100 document.documentElement.scroment.scroment.scrome nt.scroment.tollement.scrop.tollement.scrop.tollement.cdy.toll.tolled.toll.
Firefox/Opera:
doctype:window.pageYOffset:100 document.document Element.scrollTop:100 document.body.scrollTop:0
doctypeなし:window.pageYOffset:100 document.document Element.scrollTop:0 document.body.scrollTop:100
2、scrollTopの値を取得して完璧にscrollTopの割当値を簡単に書く:
var scrollTop = window.pageYOffset|| document.documentElement.scrollTop || document.body.scrollTop;