滚动类特效常用属性:

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/11636.html
评论列表(4条)
我是调研号的签约作者“盍映寒”!
希望本篇文章《【滚动条属性怎么设置,滚动条隐藏了怎么设置】》能对你有所帮助!
本站[调研号]内容主要涵盖:调研号,生活百科,小常识,生活小窍门,百科大全,经验网
本文概览: 滚动类特效常用属性: scrollLeft、scrollTop:设置或获取位于对象最顶/左端和窗口中可见内容的最顶/...