対象はIE6~8です。
CSSの overflow-y: scroll; で表示される垂直スクロールバーについてなのですが、
これは対象領域の横幅がスクロールバーの横幅よりも細いと、スクロールできなくなります。
(使用不可のグレー表示になります)
ある機能を実現するために、スクロールバーだけを独立して表示させたかったので、
ぎりぎりの横幅(18px)を指定していたのですが、問題が起きました。
デスクトップでの右クリックから開ける「画面のプロパティ」→「デザイン」で、
フォントサイズを変更したり、あるいは詳細設定でDPIを変更すると、
スクロールバーの幅が変わってしまうために、「ぎりぎりの横幅」も変わってしまいます。
それにより、18pxの指定ではグレー表示となり動かせなくなりました。
この解決策を求めています。
現状としては、JavaScriptでスクロールバーの幅を取得できれば、
初期表示時に補正できるので、一番手軽と考えているのですが・・・
よろしくお願い致します。
No.2ベストアンサー
- 回答日時:
<offsetWidth> = <clientWidth> + <border-(left|right)-width> + <スクロールバー幅>
<clientWidth> = <width> + <padding-(top|bottom)> - <スクロールバー幅>
※CSS の実装方向にもよりますが、現行主要ブラウザはこの関係が成立します。
No.1
- 回答日時:
スクロールバーだけ表示したいって事は、スライダーが欲しいって事じゃないでしょうか?
jQueryUIのスライダーとかどうでしょう?
http://jqueryui.com/
あるいは、fleXcroll等で、スクロールバーのデザインを自分で変えてしまえば、
常に同じサイズになりませんか?
http://www.hesido.com/web.php?page=customscrollbar
参考URL:http://jqueryui.com/
回答ありがとうございます。
質問内容が分かりにくく申し訳ありません。
Excelの「ウィンドウ枠を固定」と同様のことをHTML/JavaScriptベースで実現するために、
複数のTABLEを配置し、独立表示させたスクロールバーで同期させるという力技を、
更にパラメータによって表の数や連動対象も変更できるよう動的に生成しながらやっているため、
「スクロール部品をごっそり別のものに変える」という選択が、今となっては困難なのです。
せっかく教えて頂いたのに、申し訳ありません。
補足:単純に横幅を18pxより大きくするのではダメな理由
スクロールバーは表の右側に接するように表示させています。
これより大きな横幅にすると、表から離れてしまいます。
CSSのleftで表示位置を補正すれば良いのですが、
その補正値の算出には「現在のスクロールバーの太さ」の値が必要になります。
詳細情報が後だしになってしまい、申し訳ありませんでした。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript ブラウザの横幅に応じてとある画像(e.jpg)を画面いっぱいに表示できるようにしたいです。(写真の横 1 2022/10/06 21:17
- gooブログ 記事の下にスクロールバーが表示される 2 2022/08/19 20:42
- Excel(エクセル) [入力規則]のリストボックス内の“不揃いの林檎たち” 3 2022/09/15 18:32
- 政治 私の発明した「二階建て漢字」は使えるでしょうか? 3 2023/02/08 16:40
- その他(プログラミング・Web制作) マウスオーバー→ホイール回転でスクロールできない 2 2022/10/31 10:06
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- HTML・CSS トリミングで表示した画像をクリックで元どおりにしたい 3 2022/12/16 18:49
- Access(アクセス) AccessVBAで降順にするテーブル作成クエリを使用して作成したテーブルを削除し同一のテーブル作成 1 2023/01/06 11:17
- HTML・CSS flex の各子要素を横幅 100% にしたい 1 2022/09/22 21:25
- iPad iPadでoutlookのビューの幅を広げたいのですが、やり方が分かりません。 iPadでoutlo 2 2022/12/29 10:56
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
マウスオーバー→ホイール回転で...
-
PDFを(htmlのように)無限に縦...
-
エクセルVBAでフォームのListbo...
-
Excelでワードアートや図を常に...
-
Excelで1.2行目だけ固定して...
-
子要素のスクロールが親要素に...
-
常に画像の大きさを横幅100%で...
-
楽天HPで。(初心者です)
-
Excelで横のスクロールするショ...
-
ウインドウを毎回同じ位置、大...
-
マイページはどこを開くの
-
デジタル時計の時刻合わせの方...
-
スクリプトって、何ですか?ど...
-
エクセルのシート上に別のシー...
-
一定時間おきにアラームやポッ...
-
ポップアップウィンドウがブロ...
-
VBA ポップアップが表示された...
-
ホームページビルダーでプルダ...
-
MT4サブウインドウ1と2を入れ替...
-
フランス語 序数表記入力(er)...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
Excelでワードアートや図を常に...
-
エクセルVBAでフォームのListbo...
-
PDFを(htmlのように)無限に縦...
-
リストビューをスクロールさせ...
-
Excelで一部分だけを常に表示さ...
-
Excelで1.2行目だけ固定して...
-
Visual Basicから Spreadのスク...
-
大きい表へのスクロールバーの...
-
VBE画面の縦のスクロールバ...
-
vb,netでtextboxの文字を右から...
-
リストビューのスクロールバー...
-
リストビューの表示開始行変更
-
ページ訪問時にiframe内を自動...
-
IFRAMEでscrolling="yes|no"の...
-
文章の自動スクロール
-
ポストバック時のスクロール位...
-
C#:ListViewでのスクロールイベ...
-
常に画像の大きさを横幅100%で...
-
マウスオーバー→ホイール回転で...
-
webページで横方向にアンカーを...
おすすめ情報