• ベストアンサー

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

  • 横スクロールを縦スクロールに変換したい

    ちょっと違うのですが、こちらのサイトをご覧ください。 http://www.rinkokikuchi.com/# このサイトでは横スクロールデザインですが、マウスの縦スクロールをしても横にスクロールできるようになっています。 私が今困っているのはパララックスを使った縦スクロールのサイトを作っているのですが、 マウスのホイールを横にスクロールした際にもサイトを縦にスクロールできる様にしたいのですが、分かりません。 縦横どちらでもスクロールできる様にしたいです。 どなたか教えて頂けませんでしょうか。

    • 締切済み
    • CSS
  • overflow:auto; の記述で横スクロールバーが表示される

    gooブログでカスタムテンプレートを使用しています。 縦のみにスクロールバーをつけたくて 「overflow:auto;」 の記述をいれました。 Operaとfoxでは縦のみにスクロールバーが表示されます。 ですがIE6だけ、縦にも横にもスクロールバーが表示されます。 どうすれば、IE6でも縦のみのスクロールバー表示になりますか?

  • iframeのスクロールバー:縦だけを表示したい

    インラインフレームで、縦だけスクロールさせたいのですが、横にもスクロールバーが表示されます。 インラインフレームを入れ込むテーブル幅より、 インラインフレーム自体のテーブル幅は小さくしてあるんですが、なぜなんでしょうか。過去ログをみてみたのですが解決しなかったので新たにアドバイスお願いします。

    • ベストアンサー
    • HTML
  • 縦のスクロール動作で横スクロールできるJSについて

    縦のスクロール動作で横スクロールできるJSについて 質問させて頂きます。 私は現在ホームページを作成しているのですが、その際に横スクロールを要求される時にマウスホイールの縦操作で横にスクロールされれば良いなぁと思っています。 自身で調べた結果、 http://www.skuare.net/test/horizontinyscrolling.html このような方法を見つけたのですが、どうもdivに発生した横スクロールには対応していないようなのです。 ブラウザ内で発生した横スクロール全てに対応しうるJSは存在するのでしょうか? (もしくは上記のJSの使い方が悪かった…?) あれば利用したいのでご回答宜しくお願い致します。 なお、勝手ですが横スクロールなど使うなという回答はご遠慮願いますm(__)m

  • iframeの横スクロール

    iframeを使ってほかのページを表示させているのですが、 どうしても横スクロールバーが出てしまうのでcssのbody要素に 「overflow-x: hidden;」と入れました。 確かにiframeの横スクロールバーは消えましたが、ページの横スクロールも消えてしまいました。 div idでiframeを囲ってcssでその場所だけに「overflow-x: hidden;」を入れると今度は横スクロールバーが消えません。。 色々調べてみたのですが同じような人がいないようで; 詳しい方教えていただけないでしょうか。 (説明がへたくそですみませんm(_ _)m)

  • ASP.NET2.0 C# のGridViewで横スクロール制御

    JavaScriptやスタイルシートを使用して、縦横のスクロール制御について色々とサイト上に載っていますが、横スクロール制御がうまくできません。 PanelやDivの上にGridを配置して、サイトにあがっているいろいろな方法をためしましたができません。 やり方が悪いのかもしれませんが、サイトの紹介ではなく、どなたかコードで説明してくれませんでしょうか。また、サイトに載っていないやり方もできたら教えてください。 よろしくお願いします。

  • マイピクチャ 横スクロールが出ない!!!

    PC:lenovo J3000 OS: XP 【質問内容】 マイピクチャの画面サイズを小さくすると、 一覧が画面に収まりきらない場合は、 縦・横のスクロールバーが出現すると思いますが、 横スクロールバーが出現しなくなってしまいました。 横スクロールバーを強制的に表示する方法はありすでしょうか? 宜しくお願い致します。

  • スクロールバーを横に表示させたい

    IFRAME上でスクロールバーを縦ではなく横で表示させるにはどうしたらいいのでしょうか?

  • html、スクロールバーを表示させない(横だけ)

    HTMLでフレームのスクロールバーを表示させないには <frame>、<iframe>タグの属性、scrolling="no"とすればよいのですが それでは縦のスクロールバーも横のスクロールバーも消えてしまいます。 自分は横のスクロールバーのみ消して縦のスクロールバーのみ残したいのですがどうすればいいでしょう? 補足:上下にのみ動かせるページを作りたい。ということ。 わかるかたどうかお願いいたします。 HTMLでムリでしたらJavaScritpなどでもかまいません(が、解説、もしくは解説ページを教えていただかないと自分はJavaScriptが打てませんので・・・よろしくお願い致します。)

  • iframeのスクロールバー

    iframeの中に、 縦のスクロールバーは出てもいいのですが 横のスクロールバーは出したくないので、表示するファイルはテーブルで幅を固定してるのですが、どうしても横にスクロールバーが出てしまいます。 でないものもあります・・・。 何がいけなくて横のスクロールバーが出てしまうのでしょうか?? よろしくお願いいたします。 ↓こちらです。 http://sound.jp/goldcherry/hp/prof.html wearという欄にどうしても横スクロールバーが出てしまって困ってます。

専門家に質問してみよう