[ プログラミング ] ウィンドウのスクロールバーの横幅を計算するjQueryコード

前回の記事、「jQueryでスクロールバーの出るモーダルウィンドウを作る方法 | jQuery.lab」で、スクロールバーの横幅の値が必要になったのですが、結構、試行錯誤したのでメモです。

Java Script

var scrollsize = window.innerWidth - $(window).outerWidth(true);

「window.innerWidth」でスクロールバーを含んだ横幅を取得できます。「 $(window).outerWidth(true)」でmarginやpadding、borderを含み、スクロールバーの領域は含まない横幅を取得できます。これらの差分がスクロールバーの横幅になります。