天天看點

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中樣式函數彙總

繼續閱讀