封装scroll.js 获取滚动条的值

OnlyLing 发布于2019-04-23 13:32 / 3197人阅读

摘要：主要是做兼容处理这里必须时因为默认值和每次滚动的时侯都可以值为但是为假所以就只要不为就执行和其他标准浏览器声明了

function Obj(){}

Obj.prototype={
 
    scroll:function(){

     /*
      主要是做兼容处理
    
     这里必须时!=null 因为默认值和每次滚动的时侯  都可以值为0
     但是 if(0)为假  所以就只要不为null 就执行
                                                              */
     if(window.pageYOffset!=null){
      
   /*IE9 和其他标准浏览器*/
   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();

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/2014.html

如何解决滚动条scrollbar出现造成的页面宽度被挤压的问题？

摘要：以来说，就是在触发页面滚动条时候，会挤压掉的空间，那我们就可以从不同角度考虑去解决了。引言页面滚动条造成宽度减小的场景很常见了，由于div块级元素的流动性，其宽度默认为100%的body宽度，但是当容器的高度超过视口宽度时候，页面就会出现滚动条，这个滚动条的宽度就会挤压body的可用宽度，也就是会挤压我们的容器的宽度，造成页面晃动的现象，很不友好，下面就来探讨下如何解决这个滚动条的...

scq000 2019-08-29 17:17 评论0 收藏0
用Class写一个记住用户离开位置的js插件

摘要：咱们为即将写的库起个名字为，开始就是如下的样子啦处理传进来的参数我们需要在类的构造函数中接收参数，并覆盖默认参数。前言常见的js插件都很少使用ES6的class，一般都是通过构造函数，而且常常是手写CMD、AMD规范来封装一个库，比如这样： // 引用自：https://www.jianshu.com/p/e65c246beac1 ;(function(undefined) { ...

haobowd 2019-08-26 18:18 评论0 收藏0
用Class写一个记住用户离开位置的js插件

摘要：咱们为即将写的库起个名字为，开始就是如下的样子啦复制代码处理传进来的参数我们需要在类的构造函数中接收参数，并覆盖默认参数。前言常见的js插件都很少使用ES6的class，一般都是通过构造函数，而且常常是手写CMD、AMD规范来封装一个库，比如这样： // 引用自：https://www.jianshu.com/p/e65... (function(undefined) { use s...

xialong 2019-08-23 16:07 评论0 收藏0
用Class写一个记住用户离开位置的js插件

摘要：咱们为即将写的库起个名字为，开始就是如下的样子啦复制代码处理传进来的参数我们需要在类的构造函数中接收参数，并覆盖默认参数。前言常见的js插件都很少使用ES6的class，一般都是通过构造函数，而且常常是手写CMD、AMD规范来封装一个库，比如这样： // 引用自：https://www.jianshu.com/p/e65... (function(undefined) { use s...

Bryan 2019-08-30 15:56 评论0 收藏0
用Class写一个记住用户离开位置的js插件

摘要：咱们为即将写的库起个名字为，开始就是如下的样子啦复制代码处理传进来的参数我们需要在类的构造函数中接收参数，并覆盖默认参数。前言常见的js插件都很少使用ES6的class，一般都是通过构造函数，而且常常是手写CMD、AMD规范来封装一个库，比如这样： // 引用自：https://www.jianshu.com/p/e65... (function(undefined) { use s...

WilsonLiu95 2019-08-02 14:33 评论0 收藏0