スクロールバー：レスポンシブ

Question

WEBサイトにおいてスクロールバーをデザインする場合 jQuery などを使用することがあると思いますが、
グラウザを狭めたり、スマホを回転させた場合などに要素の横幅が変わる場合、リロードしないとレイアウトが崩れますが、皆様どういう対策をたられておりますでしょうか？
＊jScrollPane をよく使用しています。

Answer 1

私はCSSのメディアスクリーンで調整していますけど..
瞬時にレスポンシブしてくれますよ..
一度お試しになられてはいかがでしょうか？

Comments

[kandi]

ありがとうございます。ちなみにスクロールバーのデザインはプラグインをお使いですか？

Answer 2

【jScrollPane dynamic width demo】
http://jscrollpane.kelvinluck.com/dynamic_width.html

---

【jQueryで画面のリサイズ時やスマホの回転時に処理を行う方法 | [k]id】
https://kidokorock.com/jquery-resize-orientationchange/

【iPhone,Android両対応スマホ画面回転のjavascriptイベントは orientationchange resize – wevdev】
http://webdev.jp.net/jquery-rotate-event/

【Safari for iOS 8での画面回転とイベント - Qiita】
http://qiita.com/tomoyukilabs/items/05f5d886893f79c1a00b