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