共计 671 个字符,预计需要花费 2 分钟才能阅读完成。
因为呈现滚动条便意味着元素空间将大于其内容显示区域,依据这个景象便能够失去判断是否呈现滚动条的规定
判断竖向滚动条 el.scrollHeight > el.clientHeight
scrollHeight
指的是元素的内容高度,即如果有滚动条,它的值会等于内容理论的高度加 padding 值(并不蕴含 border 和 margin 值),在没有内容溢出的状况下它的值等于 clientHeight
clientHeight
指的是元素的外部高度的 px 值,包含 content 和 padding 值之和,并不包含横向滚动条(horizontal scrollbar)、border 和 margin 的值
故如果每个元素的 scrollHeight > clientHeight,则能够阐明其呈现了竖向滚动条
判断横向滚动条 el.scrollWidth > el.clientWidth
scrollWidth
指的是元素的内容宽度,即如果有滚动条,它的值会等于内容理论的宽度加 padding 值(并不蕴含 border 和 margin 值),在没有内容溢出的状况下它的值等于 clientWidth
clientWidth
指的是元素的外部宽度的 px 值,包含 content 和 padding 值之和,并不包含横向滚动条(horizontal scrollbar)、border 和 margin 的值
故如果每个元素的 scrollWidth > clientWidth,则能够阐明其呈现了横向滚动条
原文:https://blog.csdn.net/weixin_33834075/article/details/89454147
正文完
发表至: javascript
2020-08-18