<!DOCTYPE HTML > < HTML LANG = "EN" > < 頭> < メタのcharset = "UTF-8" > < タイトル>ドキュメント</ タイトル> < スタイル> ボディ{ 身長:1000px ; } </ スタイル> </ ヘッド> < ボディ> < スクリプト> // e.clientX e.clientYマウス位置/可視領域における // //ページのe.pageX / e.pageYマウス位置IE9の互換性の問題は、サポートされた後 // からスクロールpageY + = clientYプロパティページを document.onclick = 関数(){ // アウトスクロール//出力ページ距離 // にconsole.log(document.body.scrollLeft); // はconsole.log(document.body.scrollTop); // //にdocumentElementドキュメントのルート要素のHTMLタグ // //にconsole.log(はdocument.firstChild) ; // //一部のブラウザでは、取得するために、これらの2つのプロパティを使用することです 。// はconsole.log(document.documentElement.scrollLeftを); // はconsole.log(document.documentElement.scrollTop); } //は、ページのスクロール距離を取得しますブラウザの互換性の問題 // ページが距離の外にスクロールします 機能getScroll(){ VAR scrollLeft = document.body.scrollLeft || document.documentElement.scrollLeft; VAR scrollTopスプライト= document.body.scrollTop || document.documentElement.scrollTop; リターン{ scrollLeft:scrollLeft、 scrollTopスプライト:scrollTopスプライト } } </ スクリプト> </ ボディ> </ HTML >