zoukankan      html  css  js  c++  java
  • offSet和client和scroll

    这三个是是js盒模型属性

    client

    clientWidth 内容宽度加上左右padding
    clientHeight 内容高度加上上下padding
    clientTop 上边框的宽度
    clientLeft 左边框的宽度

    offSet

    offSetWidth 内容宽度加左右padding加左右border
    offSetHeight 内容高度加上下padding加上下border
    offSetLeft
    IE9+和高级浏览器和IE6/7
    指的是元素自身的左边框外部到offsetparent左边框左边的距离
    IE8
    比高版本的浏览器的offSetLeft多一个offSetLeft边框,就是多了一个自身的边框宽度
    offSetTop
    指的是元素自身的上边框外部到offsetparent上边框上边的距离
    offSetParent
    ie8+和高级浏览器没有兼容问题
    如果一个元素他的祖先中都没有定位,offSetParent就是body元素 加入祖先元素有定位,则以最近的带有定位的祖先元素为准,与自己是否定位无关
    ie6和7浏览器
    自身没有定位,参考的是最近的有宽高的祖先元素,没有宽高参考的是body
    自身有定位与高级浏览器一致

    scroll

    scrollWidth约等于左边padding+内容真实宽度
    scrollHeight约等于上边padding+内容真实高度

  • 相关阅读:
    02_虚拟机参数
    01_java虚拟机基础入门
    03_模板消息
    Redis 实现分布式锁
    01_微信小程序支付
    python产生随机字符串
    输出的编码
    jmeter MD5加密
    vscode 插件推荐
    appium自动化安装(二)
  • 原文地址:https://www.cnblogs.com/my466879168/p/10330363.html
Copyright © 2011-2022 走看看