判斷元素是否有滾動條

因為出現滾動條便意味着元素空間將大於其內容顯示區域，根據這個現象便可以得到判斷是否出現滾動條的規則

---

判斷豎向滾動條
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，則可以說明其出現了橫向滾動條