产品文档 前端技术 后端技术 编程语言 数据库 人工智能 大数据云计算 运维技术 操作系统 数据结构与算法 Java C++语言 Python PHP

clientwidth,clientwidth包括什么

首页>>技术文档>>产品文档

  滚动类特效常用属性clientwidth

  scrollLeft 、scrollTop:设置或获取位于对象最顶/左端和窗口中可见内容clientwidth的最顶/左端之间的距离。即当前上滚或左滚的距离。

  scrollHeight、scrollWidth:获取对象可滚动的总高度/宽度

  offsetLeft、offsetTop:获取当前对象与父元素之间的距离(不包含父元素的边框)

  offsetWidth、 offsetHeight :获取元素自身的宽度/高度

clientwidth,clientwidth包括什么

  clientLeft、 clientTop:效果和边框宽度相同clientwidth,很少使用

  clientWidth、 clientHeight :不含边框的元素自身的宽度/高度

  关于滚动条:

  在12种属性当中clientwidth,存在如下两对:offsetHeight&clientHeightclientwidth;offsetWidth&clientWidth。它们的区别在于,offsetWidth和offsetHeight是包含元素边框以及边框内部内容的,而clientWidth和clientHeight是不含元素边框的,是从元素的padding区域开始计算的。

  特意这么说,其实是希望能注意,从边框开始计算的,也会把滚动条的宽度/高度计算到结果之内,谷歌浏览器中,滚动条的宽/高度是17px,如果希望能够获取一个元素的padding和内容,需使用clientWidth和clientHeight,才能保证没有误差。

clientwidth,clientwidth包括什么

上一篇: java开发工具,java开发工具有哪些

下一篇: ros教程,ros教程an