滚动类特效常用属性：
scrollLeft 、scrollTop：设置或获取位于对象最顶/左端和窗口中可见内容的最顶/左端之间的距离。即当前上滚或左滚的距离。
scrollHeight、scrollWidth：获取对象可滚动的总高度/宽度
offsetLeft、offsetTop：获取当前对象与父元素之间的距离（不包含父元素的边框）
offsetWidth、 offsetHeight ：获取元素自身的宽度/高度
clientLeft、 clientTop：效果和边框宽度相同，很少使用
clientWidth、 clientHeight ：不含边框的元素自身的宽度/高度
关于滚动条：
在12种属性当中，存在如下两对：offsetHeight&clientHeight；offsetWidth&clientWidth。它们的区别在于，offsetWidth和offsetHeight是包含元素边框以及边框内部内容的，而clientWidth和clientHeight是不含元素边框的，是从元素的padding区域开始计算的。
特意这么说，其实是希望能注意，从边框开始计算的，也会把滚动条的宽度/高度计算到结果之内，谷歌浏览器中，滚动条的宽/高度是17px，如果希望能够获取一个元素的padding和内容，需使用clientWidth和clientHeight，才能保证没有误差。
本文来自作者[赖若]投稿，不代表调研号立场，如若转载，请注明出处：https://kydy.org.cn/miao/3417.html
评论列表（4条）
我是调研号的签约作者“赖若”！
希望本篇文章《滚动条属性设置（滚动条占用宽度导致列无法对齐）》能对你有所帮助！
本站[调研号]内容主要涵盖：调研号,生活百科,小常识,生活小窍门,百科大全,经验网
本文概览： 滚动类特效常用属性： scrollLeft、scrollTop：设置或获取位于对象最顶/左端和窗口中可见内容的最顶/左端之间的距...