7cc@はてなブログ

JavaScriptとかとか

位置-サイズ

Google ChromeのCSSOMは相変わらず間違っている

追記 ver. 33.0.1750.117 m でCSSOMの実装が以前のバージョンに戻った。今は下記のエラーは表示されない しかしこの実装は間違っているので、将来的には変更があると思われる。 以下は追記以前の情報

scrollTopMaxを取得する JavaScript

element.scrollTopMaxは現在Firefoxだけにあるプロパティで、要素の最大スクロール可能量を返す。読み取り専用。window.scrollMaxYのelement版。 これは他のブラウザなら element.scrollHeight - element.clientHeight で求められると思っていたが違った。 …

スクロール位置が取れない htmlやbodyにoverflowを指定するときは注意

html, bodyはページサイズ・ウィンドウサイズを決定する要素です。 これらにoverflow, height:100%などサイズに関わるスタイルを指定するとJavaScriptによる位置やサイズ取得に支障が出ることがあります。よほどの理由がない限りしてはいけません。 スタイル…

互換モードに対応したスクロール位置取得 pageYOffset, pageXOffsetが使えないとき

かなり無駄があったので修正 2014/09/24 MDNに記載されているのは互換モードに対応していなかったので。 基本的に以下のようになるが、CSS次第で変わる。 詳しくは スクロール位置が取れない htmlやbodyにoverflowを指定するときは注意を参照 browser page-s…