JS中样式函数汇总

100 阅读1分钟

函数汇总

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

…后续更新

如何判断滚动条是否滚动到底

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

召唤滚动条的一种方式

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

overflow: hidden;

让表单项处于不可用的状态

# 在input表单项中加入,disabled
disabled = "disabled"