JavaScript >> Javascript 文檔 >  >> JavaScript

如何使用 JavaScript 獲取元素的滾動條寬度

要獲取 HTML 元素的滾動條寬度,可以使用 offsetWidthclientWidth 元素的屬性。

offsetWidth 返回元素的寬度(以像素為單位),包括滾動條。另一方面,clientWidth 屬性返回沒有滾動條的元素的寬度。

你只需要進行一個簡單的計算就可以得到實際的滾動條寬度:

const div = document.querySelector('.pizza');

const scrollbarWidth = div.offsetWidth - div.clientWidth;

獲取文檔的滾動條寬度,可以使用如下代碼:

const scrollbarWidth = document.body.offsetWidth - document.body.clientWidth;

Tutorial JavaScript 教程
  1. 如何解碼 nock 記錄的響應

  2. Google Firebase 入門(第 1 部分)

  3. JS 迭代器對象

  4. Gatsby 增量構建可能會變慢的 6 大原因(以及如何使它們變快)

  5. 在 JavaScript 中從對像數組中提取屬性

  6. 創建自己的 Create React App 模板的詳細指南

  7. 宣布撇號 3,Beta 1

  1. 加速傳播元素

  2. 如何在 VueJS 中使用動態環境變量

  3. JavaScript 彈出框教程

  4. 使用 Three.js 構建 Vaporwave 場景

  5. 將您的節點後端連接到 postgresql 數據庫

  6. 使用 Vue.js 創建您的第一個應用程序

  7. SuperEvents - JavaScript 事件庫

  1. 使用 Node + Typescript + yarn 創建 devenv

  2. React:引擎蓋下的一瞥第 1 部分

  3. 一個普通的 Javascript 遊戲將幫助你做最少的事情來保持健康

  4. 動畫反應 - Bem-te-vi