• ベストアンサー

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

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

noname#96025
noname#96025

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

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

こういった説明のものをもとめていらっしゃいますか? (一応、見た目のwidthが200のgridでスクロールするとwidth400分(データがある分だけ)くらい横に移動してみられるようにしたいという 説明になってます。) http://techbank.jp/Community/blogs/mymio/archive/2008/09/27/2405.aspx それから、やはりどのような横スクロールをさせたいのか 具体的なところを知りたいですね。 もしかしたら、データ行とヘッダ行の間にスクロールバーを 入れて制御したいという横スクロールだと、一筋縄では いかない可能性があるため、試してみたというソースコードが あれば、公開してください。 宜しくお願いします。

noname#96025
質問者

お礼

おーわかりやすいですね。 ありがとうございました、参考になります。 他にもつまずいていて、後回しにしていました。 ソースコードはちょっと難しいですが、頑張ります。

その他の回答 (2)

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

できれば、試したというコード見せて頂けると、説明しやすいですね。 コードで説明して欲しいのであれば、その試しに作ったコードを公開して頂かないと、コードレベルで説明して欲しいと言っても、無理があると思います。 サンプルコードを公開しているサイトでも、 公開しているソースコードにきちんとコメントが挿入されている ものであれば、コメントがコード説明の何よりの証拠になっている はずですが、その参考にしたサイトにはソースコードに対する コメントが一切なかったってことなのでしょうか? できれば、参考にしたというサイトのURLも教えて頂きたいですね。 宜しくお願いします。

noname#259269
noname#259269
回答No.1

「横スクロール制御」とは具体的に何をどうしたいのでしょうか?

noname#96025
質問者

補足

見た目のwidthが200のgridでスクロールするとwidth400分(データがある分だけ)くらい横に移動してみられるようにしたいです。 カラムのwidthを大きくしてgridのwidthを小さくするとカラムの幅が詰まった感じになっています。

関連するQ&A

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

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

  • JavaScript スクロール制御

    javascriptの動作についてご教授下さい。 ウィンドウ画面が横1275px 縦925pxで パージ内容が横長の横2350px 縦925pxの ページ全体を横軸スクロールで表示可能なサイトで、 <img>タグで画像を非表示(配置はセンター付近)し、 ある画像リンクへの文字列をクリックでjavascriptから その<img>を非表示から表示に切り替えています。 (ページイメージ)                        |リンク文字位置|               |img位置| 横2350px----------------------------------------------------→ で、今回の質問なのですが、リンク文字はページ右辺に配置しており javascriptからimgを可視化するとスクロールが初期位置(横0)に戻ってしまいます。 スクロール位置はそのままで画像の可視化・非可視化を切り替えたいのですが、ムリなのでしょうか?? いちよう可視化後に scroll()でスクロールの位置を指定していても スクロールが初期位置(横0)に戻ってしまいます。↓↓↓ この現象はJavaScriptの仕様なのでしょうか?? 横長のページであることと、リンク文字の配置は仕様として 変更できないものとお願いいたします。 環境 WinXP SP3 IE8(8.06) 画像切り替えソース //引数urlの画像をimgで表示する関数 function visi(url) {  //imgのプロパティを取得  var jpg = document.getElementById('jpg_link');  jpg.style.visibility = "visible"; jpg.style.display = "block"; jpg.src = url;  //scroll(1500,0); ← 1500まで行くが初期位置に戻る・・・ }

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

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

    • 締切済み
    • CSS
  • 横にスムーズスクロールしたい

    以前似た質問をしたのですが少し進展があったのでもう一度質問させて下さい。 私はjavascriptにはほとんど詳しくないものです。 複数のリンクを横に並べ、「次へ」のボタンをクリックすると横にスムーズにスクロールするjavascriptを組みたいと思っています。 今考えているのは http://youmos.com/reference/smooth_scroll.html こちらのサイト様の横バージョンを作りたいと思っています。 色々と試行錯誤してみましたが横にスクロールすることがうまくできなかったためどなたかご教授願えないでしょうか… 宜しくお願い致します。

  • iframeの横スクロール

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

  • 横スクロールのiframeをスムース移動させたい。

    webサイトの横スクロールのインラインフレームをスムーススクロールにしようとしています。 Javascript初心者です。 色々調べたのですが、うまくできず、力を貸していただけたらと思います。 http://okwave.jp/qa/q6244820.html こちらの質問のようにスムーススクロールを使った移動を横スクロールで使いたいと考えています。 上記のサイトを参考に組んだコードが下記です。 <!-- 親html --> <div> <a href="#a" onclick="return document.getElementById('inline').contentWindow.ps2.scroller(this);">A</a> </div> <div> <a href="#b" onclick="return document.getElementById('inline').contentWindow.ps2.scroller(this);">B</a> </div> <div> <a href="#c" onclick="return document.getElementById('inline').contentWindow.ps2.scroller(this);">C</a> </div> <div> <a href="#d" onclick="return document.getElementById('inline').contentWindow.ps2.scroller(this);">D</a> </div> <div> <a href="#e" onclick="return document.getElementById('inline').contentWindow.ps2.scroller(this);">E</a> </div> <div> <a href="#f" onclick="return document.getElementById('inline').contentWindow.ps2.scroller(this);" >F</a> </div> <iframe id="inline" src="フレーム内html" name="inline"> </iframe> <!-- フレーム内html --> <head> <script type="text/javascript" src="/ps2.js"></script> </head> <body> <div> <a id="a" name="a"> A </a> <a id="b" name="b"> B </a> <a id="c" name="c"> C </a> <a id="d" name="d"> D </a> <a id="e" name="e"> E </a> <a id="f" name="f"> F </a> </div> </body> しっかり理解していなくて恐縮なのですが読み込んでいるJavaScriptは横スクロールには対応していないのでしょうか? 文章の欠陥もしくはJavaScriptの応用の仕方、もしくは別のこうした使用に対応できる他のJavaScript等ありましたら教えて下さい。 どうぞ宜しくお願い致します。

  • 横スクロールがおかしい

    M-DWM01DBBK、チルトホイールとサイドホイールがついています。Excelで右には1列ずつスクロールするのに、左には1画面分ずつスクロールします。 また、windowsのコントロールパネルのマウスの「ホイール」タブでは垂直スクロールする量は調節できますが、水平の方は値をいくつにしても動作は変わりません。 さらにExcelで横スクロールができる場合とできない場合があり、他の方の書き込みを見ると、ウィンドウ枠固定ではスクロールできないようです。一度、ウィンドウ枠固定していないシートに移動して、見たいシートに戻ると、横スクロールできるようになります。 対処方法ご存じの方いらっしゃいますでしょうか。 ※OKWAVEより補足:「エレコム株式会社の製品」についての質問です。

  • 横スクロールバーが消えません

    webにフレームやFlashを導入してリニューアルさせてたのですが、横スクロールがいくつかのページで出てきてしまい困っております。 テーブル幅はどのページも600ピクセル以下に設定しています。mac os XのIE 5.2だと横スクロールバーは1つも出ないのですが、win XPのIE 6.0だと何故か何個か横スクロールが出てきてしまいます。 どこかのサイトで横スクロールバーを消す方法で <style type="text/css"> <!-- body { overflow-x: hidden; } --> </style> これで消えるとあったんで試してはみたのですが、なにせhtmlの知識が乏しいので、使い方も悪いのか、まだ消えません。 どうやったらこの横スクロールバーを消せるのでしょうか? どなたか分かる方いらっしゃったら教えてください。

    • ベストアンサー
    • HTML
  • 横にスクロールさせたいのですが

    FC2でブログを書いています、初心者です。スタイルシートなどは殆どわかりません。 最近デジタル一眼レフを購入し写真をアップさせたのですが画像(700×900という設定でアップロードしています)が大きい為今まで右端にあったカレンダーやプロフィールがすべて下にいってしまいました。 画像の大きさは変えたくないので、横にスクロール出きる様にしカレンダーなどを元の右端に置きたいのですが可能でしょうか? 同じテンプレートでもスクロール出来る方のものとそうでないものとを拝見した事があるのですが。 宜しくお願いします。

  • javascriptによる横スクロール

    よろしくお願いいたします。 ボックス内の要素をメニューボタンに従って横にスムーズスクロールするjavascriptのサンプルが載っているサイトってありませんでしょうか? 参考サイトがありますので、動きはこのサイトのものが実現できればと思っています。 http://www.hotel-oxford.ro/ お手数をおかけいたしますが、お願いいたします。