Para obter a largura da barra de rolagem, você usa o offsetWidth
e clientWidth
do Element
:
- O
offsetWidth
retorna a larguraElement
em pixels, incluindo a barra de rolagem. - O
clientWidth
retorna o com emElement
pixels 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 )
Anterior