因为呈现滚动条便意味着元素空间将大于其内容显示区域,依据这个景象便能够失去判断是否呈现滚动条的规定


判断竖向滚动条
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