Scroll系列

Scroll系列:

  属性:

    scrollWidth:元素内容的实际宽度(没有边框)

    scrollHeight:元素内容的实际高度(没有边框)

    注意:如果没有内容(内容高度或宽度没有超过元素实际高度或宽度)就是元素的高度和宽度

    scrollTop:向上卷曲出去的距离

    scrollLeft:向左卷曲出去的距离

  方法:

    window.onscroll = function(){

      console.log("我是一个滚动事件");
    }
  封装滚动函数,获取浏览器向上和向左卷曲出去的距离:
/**
 * 封装滚动函数,获取浏览器向上和向左卷曲出去的距离
 */
function getScroll() {
    return {
        left: window.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft || 0,
        top: window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0
    }
}

  

posted @ 2019-07-26 15:52  小小飞郭  阅读(237)  评论(0编辑  收藏  举报