• offset,scroll,client系列


    offsetHeight: 元素高,height+border+padding
    offsetWidth: 元素宽,width+border+padding
    offsetTop: 距离offsetParent顶部的距离
    offsetLeft: 距离offsetParent左边的距离
    offsetParent: 最近的带有定位的父盒子

    scrollHeight: 内容高,不含border
    scrollWidth: 内容宽,不含border

    scrollTop: 被滚动条卷走的部分
    document.documentELement.scrollTop 声明DTD的浏览器
    || document.body.scrollTop; 没声明DTD的浏览器
    || window.pageXOffset; ie9+等标准浏览器

    scrollLeft: 被滚动条卷走的部分
    document.documentELement.scrollLeft 声明DTD的浏览器
    || document.body.scrollLeft 没声明DTD的浏览器
    || window.pageYOffset; ie9+等标准浏览器

    clientHeight: 元素高,height+padding;
    clientWidth: 元素宽,width+padding;

    window.innerHeight;document.documentElement.clientHeight 可视区域的高
    window.innerWidth;document.documentElement.clientWidth; 可视区域的宽
    clientTop: 元素的上border宽
    clientLeft: 元素的左border宽

    event.clientY鼠标距离浏览器可视区域的距离,上
    event.clientX鼠标距离浏览器可视区域的距离,左

  • 相关阅读:
    Ubuntu使用Thinkpad-T14-Gen1指纹识别
    解决ubuntu20.04无法安装python2-pyqt5
    ssh添加允许用户/组
    IP-CIDR对应子网地址范围查询
    Gateway整合Swagger
    Java 过滤器Url通配符处理
    HttpServletRequest重复读取
    nmap 快速扫描 大量主机端口
    MAC 设置多个JAVA版本切换
    XSS
  • 原文地址:https://www.cnblogs.com/hello321/p/7658330.html
Copyright © 2020-2023  润新知