封裝scroll.js 獲取滾動條的值

OnlyLing 發(fā)布于2019-04-23 13:32 / 3240人閱讀

摘要：主要是做兼容處理這里必須時因為默認(rèn)值和每次滾動的時侯都可以值為但是為假所以就只要不為就執(zhí)行和其他標(biāo)準(zhǔn)瀏覽器聲明了

function Obj(){}

Obj.prototype={
 
    scroll:function(){

     /*
      主要是做兼容處理
    
     這里必須時!=null 因為默認(rèn)值和每次滾動的時侯  都可以值為0
     但是 if(0)為假  所以就只要不為null 就執(zhí)行
                                                              */
     if(window.pageYOffset!=null){
      
   /*IE9 和其他標(biāo)準(zhǔn)瀏覽器*/
   return  {
       left:window.pageXOffset,
       top:window.pageYOffset
   }
   

   }
    /*聲明了 */
  else if(document.compatMode=="CSS1Compat")
{

  return{
       left:document.documentElement.scrollLeft,
       top:document.documentElement.scrollTop

    }  

 }

else{

   return {
      left:document.body.scrollLeft,
      top:document.body.scrollTop

    }    

}


   }

}

var obj=new Obj();

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/2014.html

相關(guān)文章

如何解決滾動條scrollbar出現(xiàn)造成的頁面寬度被擠壓的問題？

摘要：以來說，就是在觸發(fā)頁面滾動條時候，會擠壓掉的空間，那我們就可以從不同角度考慮去解決了。引言頁面滾動條造成寬度減小的場景很常見了，由于div塊級元素的流動性，其寬度默認(rèn)為100%的body寬度，但是當(dāng)容器的高度超過視口寬度時候，頁面就會出現(xiàn)滾動條，這個滾動條的寬度就會擠壓body的可用寬度，也就是會擠壓我們的容器的寬度，造成頁面晃動的現(xiàn)象，很不友好，下面就來探討下如何解決這個滾動條的...

scq000 2019-08-29 17:17 評論0 收藏0
用Class寫一個記住用戶離開位置的js插件

摘要：咱們?yōu)榧磳懙膸炱饌€名字為，開始就是如下的樣子啦處理傳進(jìn)來的參數(shù)我們需要在類的構(gòu)造函數(shù)中接收參數(shù)，并覆蓋默認(rèn)參數(shù)。前言常見的js插件都很少使用ES6的class，一般都是通過構(gòu)造函數(shù)，而且常常是手寫CMD、AMD規(guī)范來封裝一個庫，比如這樣： // 引用自：https://www.jianshu.com/p/e65c246beac1 ;(function(undefined) { ...

haobowd 2019-08-26 18:18 評論0 收藏0
用Class寫一個記住用戶離開位置的js插件

摘要：咱們?yōu)榧磳懙膸炱饌€名字為，開始就是如下的樣子啦復(fù)制代碼處理傳進(jìn)來的參數(shù)我們需要在類的構(gòu)造函數(shù)中接收參數(shù)，并覆蓋默認(rèn)參數(shù)。前言常見的js插件都很少使用ES6的class，一般都是通過構(gòu)造函數(shù)，而且常常是手寫CMD、AMD規(guī)范來封裝一個庫，比如這樣： // 引用自：https://www.jianshu.com/p/e65... (function(undefined) { use s...

xialong 2019-08-23 16:07 評論0 收藏0
用Class寫一個記住用戶離開位置的js插件

摘要：咱們?yōu)榧磳懙膸炱饌€名字為，開始就是如下的樣子啦復(fù)制代碼處理傳進(jìn)來的參數(shù)我們需要在類的構(gòu)造函數(shù)中接收參數(shù)，并覆蓋默認(rèn)參數(shù)。前言常見的js插件都很少使用ES6的class，一般都是通過構(gòu)造函數(shù)，而且常常是手寫CMD、AMD規(guī)范來封裝一個庫，比如這樣： // 引用自：https://www.jianshu.com/p/e65... (function(undefined) { use s...

Bryan 2019-08-30 15:56 評論0 收藏0
用Class寫一個記住用戶離開位置的js插件

摘要：咱們?yōu)榧磳懙膸炱饌€名字為，開始就是如下的樣子啦復(fù)制代碼處理傳進(jìn)來的參數(shù)我們需要在類的構(gòu)造函數(shù)中接收參數(shù)，并覆蓋默認(rèn)參數(shù)。前言常見的js插件都很少使用ES6的class，一般都是通過構(gòu)造函數(shù)，而且常常是手寫CMD、AMD規(guī)范來封裝一個庫，比如這樣： // 引用自：https://www.jianshu.com/p/e65... (function(undefined) { use s...

WilsonLiu95 2019-08-02 14:33 評論0 收藏0