Obtenha a largura da barra de rolagem de um elemento

Para obter a largura da barra de rolagem, você usa o offsetWidthe clientWidthdo Element:

  • O offsetWidthretorna a largura Elementem pixels, incluindo a barra de rolagem.
  • O clientWidthretorna o com em Elementpixels sem a barra de rolagem.

Portanto, para obter a largura da barra de rolagem, basta realizar um cálculo simples como segue:

const box = document.querySelector('.box');
const scrollbarWidth = box.offsetWidth - box .clientWidth;Linguagem de código:  JavaScript  ( javascript )

O seguinte retorna a largura da barra de rolagem do documento:

const scrollbarWidth = document.body.offsetWidth - document.body.clientWidth;Linguagem de código:  JavaScript  ( javascript )

Deixe um comentário

O seu endereço de email não será publicado. Campos obrigatórios marcados com *