如何使用 JavaScript 獲取元素的滾動條寬度
要獲取 HTML 元素的滾動條寬度,可以使用 offsetWidth
和 clientWidth
元素的屬性。
offsetWidth
返回元素的寬度(以像素為單位),包括滾動條。另一方面,clientWidth
屬性返回沒有滾動條的元素的寬度。
你只需要進行一個簡單的計算就可以得到實際的滾動條寬度:
const div = document.querySelector('.pizza');
const scrollbarWidth = div.offsetWidth - div.clientWidth;
獲取文檔的滾動條寬度,可以使用如下代碼:
const scrollbarWidth = document.body.offsetWidth - document.body.clientWidth;