1 pageXの互換性

<!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 >

 

おすすめ

転載: www.cnblogs.com/jiumen/p/11416476.html