天天看点

JS中样式函数汇总JS中样式函数汇总

JS中样式函数汇总

https://link.juejin.cn/?target= 函数汇总

属性名 属性作用
offsetParent 当前元素的定位父元素
offsetLeft 相对于其定位父元素的水平偏移量
offsetTop 相对于其定位父元素的垂直偏移量
clientHeight 当前元素的可见高度
clientWidth 当前元素的可见宽度
scrollHeight 滚动区域的高度
scrollWidth 滚动区域的宽度
scrollLeft 水平滚动条相当于其滚动起始点的水平偏移量
scrollTop 垂直滚动条相对于其滚动起始点的垂直偏移量
onscroll 检测滚动条滚动的事件

…后续更新

https://link.juejin.cn/?target= 如何判断滚动条是否滚动到底

# 当下式满足时说明垂直滚动条滚动到底了
scrollHeight - scrollTop == clientHeight;
# 当下式满足时说明水平滚动条滚动到头了
scrollWidth - scrollLeft == clientWidth      
JS中样式函数汇总JS中样式函数汇总

召唤滚动条的一种方式

当内容溢出时,使用下面的方法可以召唤滚动条

overflow: hidden;      

https://link.juejin.cn/?target= 让表单项处于不可用的状态

# 在input表单项中加入,disabled
disabled = "disabled"      
JS中样式函数汇总JS中样式函数汇总

继续阅读