javascrpt获取滚动条的宽度

Posted 2020-09-20

function getScrollBarHW() {

            if (this.scrollBarHW) {

                return this.scrollBarHW;

            }

            var div = document.createElement(‘div‘);

            div.style.overflow = ‘scroll‘;

            div.style.visibility = ‘hidden‘;

            div.style.position = ‘absolute‘;

            div.style.width = ‘100px‘;

            div.style.height = ‘100px‘;

            document.body.appendChild(div);

 

            this.scrollBarHW = {

                width : div.offsetWidth - div.clientWidth,

            };

            div.parentNode.removeChild(div);

            return this.scrollBarHW.width;

        }

   alert(getScrollBarHW())