Как найти ширину полосы прокрутки

Question

Вот мой код:

<div class="scroll">You can use the overflow property when you want to have better control of the layout. The default value is visible.</div> 

div.scroll { 
    background-color: #00FFFF; 
    width: 100px; 
    height: 100px; 
    overflow: scroll; 
} 

Как найти ширину прокрутки бар?

Пример Ссылка: https://jsfiddle.net/zc5hrkst/

Answer 1

Вы можете обнаружить, что вычитание clientWidth от offsetWidth для оси у скроллинга.

var scroll = document.getElementById('scroll'); 
var scrollWidth = $(scroll)[0].offsetWidth - $(scroll)[0].clientWidth 
alert(scrollWidth); 

Найти обновленный скрипку here

Чтобы найти высоту по оси Х ScrollBar, вы можете использовать offsetHeight и clientWidth:

var yScrollHeight = $(scroll)[0].offsetHeight - $(scroll)[0].clientHeight; 

Answer 2

Это зависит от веб-браузера. Обычно это должно быть 17px.

Answer 3

Этот кусок javascript должен предоставить вам ширину полосы прокрутки.

// Select the Element 
var scroll = document.getElementById("[id of div]"); 

// Get the scrollbar width 
var scrollbarWidth = scroll.offsetWidth - scroll.clientWidth; 
console.log(scrollbarWidth);