• ベストアンサー

ASP.NETでの縦・横スクロール

ヘッダーだけ別テーブルで記述し、DataGridを入れるDIVと全体を入れるDIVの二つで縦横スクロールを行っていますが、縦スクロールバーが 横スクロールしないと表示されない現象が発生しています。 これを横スクロールしないで常に縦スクロールバーが表示される方法はないものですか? 開発環境:VS2005

質問者が選んだベストアンサー

  • ベストアンサー
  • M_Yu-
  • ベストアンサー率100% (1/1)
回答No.2

縦スクロールのみなら質問者さんの手法でヘッダーと一覧部を別テーブルに作成、 一覧部分のみDIVに入れてkero_mioさんの「横スクロールバーのみを表示」パターンでやっていました。 たぶんExcelみたいにヘッダーを常に表示して一覧を縦横スクロールしていのですよね。 ややこしいですが出来る可能性はあります。 ソース的には参考URLの通り。 ただし補足説明の通り「互換モード」でないと動かないし、 css内のexpressionは確かIE5以上からのみなので利用ブラウザに制限がかかります。

参考URL:
http://jsajax.com/CSSFixedHeaderColumnsArticle426.aspx,http://materia.useyan.jp/html/expression/issues.html
_tomo_
質問者

お礼

返事が遅れすいません。 回答いただきありがとうございました。 この様なスクロールの方法は可能なんですね。 結局、ユーザから使い勝手が悪いという事になり、画面設計からの変更になりました(涙)

その他の回答 (1)

  • kero_mio
  • ベストアンサー率90% (94/104)
回答No.1

DIVタグに、CSSの設定をしてみてはいかがでしょうか? overflow: 幅が足りなければ両方向にスクロールバーを表示 overflow-x : 幅が足りなければ横スクロールバーのみを表示 overflow-y : 高さが足りなければ縦スクロールバーのみを表示 <!-- 幅が足りなければ両方向にスクロールバーを表示 --> <div style="overflow:scroll"></div> <!-- 幅が足りなければ横スクロールバーのみを表示 --> <div style="overflow-x:scroll"></div> <!-- 高さが足りなければ横スクロールバーのみを表示 --> <div style="overflow-y:scroll"></div> 参考サイト: http://www.htmq.com/style/overflow.shtml http://www.eonet.ne.jp/~papu/home/exer8.html

参考URL:
http://www.eonet.ne.jp/~papu/home/exer8.html
_tomo_
質問者

お礼

返事が遅れすいません。 回答いただきありがとうございました。 結局、ユーザから使い勝手が悪いという事になり、画面設計からの変更になりました(涙)

関連するQ&A