読者です 読者をやめる 読者になる 読者になる

$(window).width()で表示幅、$(document).width()でドキュメント幅(ページ全体の幅)

jQuery JavaScript

jQuery使って$(document).width()でページ全体の幅が取得できるのは知ってたのだけど、
表示されてる幅の表示方法がわからなくて試行錯誤してた。
仕方ないからその部分だけ自分でクロスブラウザ用のコード書いてたり。


で、もう一回ググってみたらあった。
jQuery のお勉強 (practice input output)

jQueryでユーザーのブラウザ表示幅を取得するには、width()

$(window).width()を使う。

例)

var width = $(window).width();

alert(width);

でブラウザ表示幅を取得する

$(document).width()でドキュメントの幅

$("p").width();

特定のエレメントの幅を取得することができる。

これで表示部分の右端に表示とかできそうだ。
良かった。

追記

表示幅ではなかったのね。ウィンドウを小さくしたときも表示幅になるかと思ってた。