【jQuery】overflow:hidden;ではみ出た幅をscrollWidthで取得する方法

【jQuery】overflow:hidden;ではみ出た幅をscrollWidthで取得する方法



幅を固定値で指定して、はみ出したエリアを含む全体の幅をjQueryで取得する場合、少し通常とは異なる手段が必要とのことです。

jQuery的なお作法なら、

w = $('.element').scrollWidth;

のようなイメージなのですが、実際は

w = $('.element').get(0).scrollWidth;

となるようです。

The offsetWidth, scrollWidth,ClientWidth Property is not working for Html Element
参考
The offsetWidth, scrollWidth,ClientWidth Property is not working for Html Element

I am having this control and trying to get the offsetWidth,clientWidth and scrollWidth.. <span class="label-block" style="height: 19px; text-overflow: ellipsis; overflow: hidden; white-space: ...

The offsetWidth, scrollWidth,ClientWidth Property is not working for Html Element Stack Overflow

今日はここまで

関連する記事



こちらはいかが?


jQueryでExcel書き出し
jQueryでExcel書き出し

http://jquerybyexample.blogspot.com/2012/10/export-table-data-to-excel-using-jquery.html WordPressで作成したHTMLテーブ…

jQueryでHTMLタグを置換する
jQueryでHTMLタグを置換する

例として、ボタンをクリックしてulタグをolタグに置換しています。 See the Pen クリックしてタグを置換する by kosuke agusa (@aguko) on CodePen. でも、このままだとidやク…

コメントを残す