JavascriptでIEの横スクロールを表示しないようにする

@iwasaki 471views 更新:2015年5月28日

textareaなどはIEだと中身の要素がからでも縦のスクロールバーが表示されるようになっています。 これを消すにはCSSで以下を指定します。

overflow: auto

http://stackoverflow.com/questions/16642749/text-area-scroll-bar-being-displayed-in-ie-8

Javascriptでtextareaの内容などによって、動的にoverflowを指定していると横スクロールが表示されてしまうケースがあります。 その場合は以下のようにして指定をすることで横スクロールを打ち消すことが可能です。

element.style.overflow = "auto";
element.style.overflowX = "hidden";

いったんoverflowを指定した上で、overflowXの表示を消しています。

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません