- ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：スクロールバーの表示位置を変えたい）
スクロールバーの表示位置を変えたい
このQ&Aのポイント
- スクロールバーの表示位置をテーブルの左側に移したい
- テーブルの前にdiv要素を持ってくるだけでは表示位置を変更できません
- どのようにしたら左側に表示できるのか
- Horirin39
- お礼率81% (125/154)
- JavaScript
- 回答数2
- ありがとう数3
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
その他の回答 (1)
- 神崎 渉瑠（@taloo）
- ベストアンサー率44% (1016/2280)
回答No.1
スクロールバーはブラウザの機能ですから、それをエミュレートする物を自作することになります。 JavaScriptカテゴリなのでわかってらっしゃると思いますが。。。 コンテンツを囲む部分にposition:relative、width、height、overflow:hiddenを指定しておいて、 コンテンツ部分にposition:absoluteを指定し、top、leftをスライドバーと連動させるか、 position:staticを指定し、clientTop、clientLeftを変更するように連動させてください。 感じとしてはこんな風ですが、CSSのleftを調整するだけで右スクロールバーも左スクロールバーも自由に配置できます。 http://home.wi-wi.jp/lab/00d/ スライダーのライブラリは自作の物ですが、 http://home.wi-wi.jp/software/js_slider/index.html 位置の取得が確実ではないようなので、 jQueryプラグイン、mootools、script aculousなどを使うのをお勧めします。 「jquery スライダー」などのキーワードで検索すると出てくると思います。 http://www.tvguide.or.jp/ TVガイドの番組表では、mootoolsかscript aculousを使われているようです。 http://www.hesido.com/web.php?page=customscrollbar オリジナルのスクロールバーを作るライブラリもありました。 左側表示ができるかはわかりません。
質問者
お礼
さっそくのご教授ありがとうございます。 参考にさせていただきます。
お礼
ご教授ありがとうございました。 dir="rtl” で右側にから表示するためにスクロールバーが左に移り、 スクロールさせる部分は、左から右に表示させるということですね。 試してみてうまくいきました。 ありがとうございました。