<！DOCTYPE HTML> <HTML LANG = "EN"> <HEAD> <METAのcharset = "UTF-8"> <タイトル>ドキュメント</ TITLE> <スタイル> ボディ{ マージン： 0 ; } #box { 幅：100pxに; 高さ：100pxに; マージン：は50px; ボーダー：30pxソリッドレッド; パディング：10pxの; 背景 - 色：グリーン; オーバーフロー：自動; } </スタイル> </ HEAD> <BODY> <DIV ID = "ボックス"> ボブXiaohua、ドアと動物園に、シャオミンXiaohuaはドアマンを指して、言った：「!!ああ分を待って見て、ないに言及し、私はあなたの猿を盗んだ。」 </ div> <スクリプト> // スクロールVAR =のdocument.getElementByIdボックス（ 'ボックス' ）; // スクロールバーボックスがトリガ場合とき box.onscroll = 関数（）{ にconsole.log（box.scrollLeft） にconsole.log（box.scrollTop）。 } // //ボックスからロールアウト // はconsole.log（box.scrollLeft）; // はconsole.log（box.scrollTop）; // コンテンツとパディング（図示せず）を含むサイズ//コンテンツ、含みませんスクロールバー // にconsole.log（box.scrollWidth）; // はconsole.log（box.scrollHeight）; // 要素の//サイズスクロールバー+パディング含まれていません // はconsole.log（box.clientWidthを）; // console.log（box.clientHeight）; </ SCRIPT> </ BODY> </ HTML>