jQueryで、スクロールがある要素の高さを取得する

overflow : auto な要素で、スクロールが発生したかどうか確かめたくて、調べたのでメモ。

// 元の高さ
$('#hoge').attr('scrollHeight');
// 表示されている高さ
$('#hoge').attr('offsetHeight);

これでscrollHeightの方が大きかったらスクロールがあるという事になります。

調べてると、どうもjQuery1.6での仕様変更あたりでいろいろあるらしい。
上記ではなく、下記で方法で取得した方が安全みたい。一応動作確認できました。

// 元の高さ
$('#hoge').get(0).scrollHeight;
// 表示されている高さ
$('#hoge').get(0).offsetHeight;

参考

MW WP Form

MW WP Form はショートコードベースのフォームプラグインです。多くの機能を持っており、例えば、多くのバリデーションルール、問い合わせデータの保存、そしてグラフ機能集計などを使用することができます。

さらに詳しく
Habakiri

Habakiri

Bootstrap ベースのシンプルな WordPress テーマ。レスポンシブ、多くのカスタマイズ機能。圧縮された CSS・JS を使用する高速化対策。Microformats 対応。Sass、クラスベースの functions.php。

さらに詳しく
basis-stylus

Basis

軽量なレスポンシブ Stylus/CSS フレームワーク。Flexbox ベースのグリッドシステム、疎結合なコンポーネント、バーティカルリズム。

さらに詳しく