因为出现滚动条便意味着元素空间将大于其内容显示区域，根据这个现象便可以得到判断是否出现滚动条的规则
判断竖向滚动条el.scrollHeight > el.clientHeight
scrollHeight
指的是元素的内容高度，即如果有滚动条，它的值会等于内容实际的高度加padding值（并不包含border和margin值），在没有内容溢出的情况下它的值等于clientHeightclientHeight
指的是元素的内部高度的px值，包括content和padding值之和，并不包括横向滚动条（horizontal scrollbar）、border和margin的值故如果每个元素的scrollHeight > clientHeight，则可以说明其出现了竖向滚动条
判断横向滚动条el.scrollWidth > el.clientWidth
scrollWidth
指的是元素的内容宽度，即如果有滚动条，它的值会等于内容实际的宽度加padding值（并不包含border和margin值），在没有内容溢出的情况下它的值等于clientWidthclientWidth
指的是元素的内部宽度的px值，包括content和padding值之和，并不包括横向滚动条（horizontal scrollbar）、border和margin的值故如果每个元素的scrollWidth > clientWidth，则可以说明其出现了横向滚动条
原文：https://blog.csdn.net/weixin_33834075/article/details/89454147
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用。你还可以使用@来通知其他用户。