在網站開發中,有時候需要獲取瀏覽器滾動條的寬度,在武漢螞蹄軟體服務中心的技術人員指導之下,我實現了該需求 ...
在網站開發中,有時候需要獲取瀏覽器滾動條的寬度,在武漢螞蹄軟體服務中心的技術人員指導之下,我實現了該需求。記錄如下:
首先說明一下原理:
①生成一個div,設置滾動條不可見,記錄其寬度;
②將上面的div設置滾動條可見,在記錄div寬度;
③取兩次寬度的差值,即為滾動條的寬度。
使用jQuery簡單實現如下:
function getScrollWidth() { var $div = $("<div style='position:absolute; top:-1000px; width:100px; height:100px; overflow:hidden;'></div>"); $("body").append($div); var noScroll = $div[0].clientWidth; $div.css("overflow-y", "scroll"); var scroll = $div[0].clientWidth; $div.remove(); return noScroll - scroll; }