獲取頁面滾動條的寬度

    function getScrollBarWidth() {
        var e = document.createElement("p"),
            styless = {
                width: "100px",
                height: "100px",
                overflowY: "scroll"
            },
            i;

        for (i in styles) {
            e.style[i] = styless[i];
        }
        document.body.appendChild(e);
        var scrollBarWidth = e.offsetWidth - e.clientWidth;
        e.remove();
        return scrollBarWidth;
    }

調用即可

           function getScrollBarWidth() {
            var e = document.createElement("p"),
                styless = {
                    width: "100px",
                    height: "100px",
                    overflowY: "scroll"
                },
                i;

            for (i in styles) {
                e.style[i] = styless[i];
            }
            document.body.appendChild(e);
            var scrollBarWidth = e.offsetWidth - e.clientWidth;
            e.remove();
            return scrollBarWidth;
        }
    

註明此方法有0.2px的偏差,可以根據情況適當的加減此偏差

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章