でブラウザウィンドウの幅を取得しようとしました$(window).width();
。IE 10 では、スクロール バーを含め、ブラウザの幅全体を返します。ただし、Firefox と Chrome では、どちらもスクロール バーなしで値を返します。
ブラウザの幅をスクロールバーと一緒に含めるにはどうすればよいですか? 検出された幅が CSS とまったく同じである必要があるためです。
ありがとう。
でブラウザウィンドウの幅を取得しようとしました$(window).width();
。IE 10 では、スクロール バーを含め、ブラウザの幅全体を返します。ただし、Firefox と Chrome では、どちらもスクロール バーなしで値を返します。
ブラウザの幅をスクロールバーと一緒に含めるにはどうすればよいですか? 検出された幅が CSS とまったく同じである必要があるためです。
ありがとう。
最初の答えは近いものでしたが、さらに調べてみると、もう少し複雑です。スクロールバーを除いたbody.clientWidth
幅です。はwindow.outerWidth
、スクロールバーやウィンドウ境界などの他のウィンドウ要素を含む幅です。はwindow.innerWidth
、スクロールバーを含むウィンドウの実際の幅ですが、ウィンドウの境界は含みません。
これにより、ウィンドウの幅全体が取得されます。
window.outerWidth
注: jQueryouterWidth()
は動作しません$(window)
window.innerWidth
レスポンシブデザインに必要な場合は正しい答えのようです