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

  

转载于:https://www.cnblogs.com/mycnblogs-guoguo/p/11250853.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值