zoukankan      html  css  js  c++  java
  • client/scroll/offset width/height/top/left ---记第一篇博客

    client/scroll/offset width/height/top/left (盒模型为contentBox,定位原点是元素左上角边框最外层的交点)     

            clientWidth  width+左padding+右padding(如果有竖滚动条,那么要减去17px)
            clientHeight height+上padding+下padding(如果有横滚动条,那么要减去17px)
            clientTop   border-top-width上边框宽度
            clientLeft border-left-width 左边框宽度
            offsetHeight 同下
            offsetWidth  borderLeftWidth + paddingLeft + width + paddingRight + borderRightWidth
            offsetLeft  当前元素原点相对于定位父元素左上角边框最内层交点的左偏移量
            offsetTop    当前元素原点相对于定位父元素左上角边框最内层焦点的上偏移量
            offsetParent 相对于偏移的父元素
            scrollHeight  
                如果元素无竖滚动条,paddingLeft + width + paddingRight.
                如果有竖滚动条,那么和内容占用的宽度有关,具体怎么算的还没搞清楚。
            scrollWidth  
                类似上面
            scrollLeft 横滚动条滚过的长度
            scrollTop  竖滚动条滚过的长度

  • 相关阅读:
    学python走过的坑 二 element与elements的却别
    Python 进度条显示
    学python走过的坑一 类的实例化
    shell打印 菱形
    shell打印 倒等腰三角形
    互联网协议入门
    shell应用之批量添加用户实例
    Centos7不修改默认交换分区下添加交换分区
    shell中处理用户输入
    sed命令的介绍
  • 原文地址:https://www.cnblogs.com/cheerfulCoder/p/3902941.html
Copyright © 2011-2022 走看看