• ベストアンサー

テーブルのスクロール(HTML)

DBの内容をテーブルを使用して表示させました。 初期表示の時は20行ぴったり表示されるのですが、 マウスのホイールでスクロールすると一番上と一番下の行が切れてしまいます。 何回スクロールしても20行ずつ、データが切れることなく表示されるようにしたいのですが、 どうすればよいのでしょうか? アドバイスお願いします。

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

  • ベストアンサー
noname#19206
noname#19206
回答No.3

要するに1行ごとにスクロールできないか、という問題ですね? セレクトボックスであれば可能ですが、テーブルでは多分1行ごとのスクロールは難しいと思います。 また、例え今後ご希望にかなった HTML や CSS の仕様が導入されたとしても、 古いブラウザなど特定の環境では全く意味を成しません。 このレベルであればそう神経質にならずとも一切差し支えがないレベルです。 ちょっと今回は妥協するしかないんじゃないかなぁ~と思います。

全文を見る
すると、全ての回答が全文表示されます。

その他の回答 (2)

  • yambejp
  • ベストアンサー率51% (3827/7415)
回答No.2

この場合、スクロールしているのはどこですか? ・ページ全体 ・テーブル(divで指定された範囲?) ・iframe それにより対応がかわるとおもいます

全文を見る
すると、全ての回答が全文表示されます。
noname#19206
noname#19206
回答No.1

詳しい状況を見て判断する必要がありそうなので、ソースを提示していただけると助かります。

082
質問者

補足

一応ソースはこんな感じです。 よろしくお願いします。 <html> <body> <table width = "100%" border = "0" Cellspacing = "0" cellpadding = "0"> <tr><td align = "center"> <table border= "1" Cellspacing = "0" width = "80%"> <tr><td width = "50" heigt = "20">行番号</td><td>データ番号</td> </tr> </table> </td></tr> <tr> <td align = "center"> <div style= "overflow: auto;width: 80%;height: 200px;"> <table border = "1" width = "100%" align = "center" Cellspacing = "0"> <tr><td width = "50">1</td><td heigt = "20">データ1</td></tr> <tr><td width = "50">2</td><td heigt = "20">データ2</td></tr> <tr><td width = "50">3</td><td heigt = "20">データ3</td></tr> <tr><td width = "50">4</td><td heigt = "20">データ4</td></tr> <tr><td width = "50">5</td><td heigt = "20">データ5</td></tr> <tr><td width = "50">6</td><td heigt = "20">データ6</td></tr> <tr><td width = "50">7</td><td heigt = "20">データ7</td></tr> <tr><td width = "50">8</td><td heigt = "20">データ8</td></tr> <tr><td width = "50">9</td><td heigt = "20">データ9</td></tr> <tr><td width = "50">10</td><td heigt = "20">データ10</td></tr> <tr><td width = "50">11</td><td heigt = "20">データ11</td></tr> <tr><td width = "50">12</td><td heigt = "20">データ12</td></tr> <tr><td width = "50">13</td><td heigt = "20">データ13</td></tr> <tr><td width = "50">14</td><td heigt = "20">データ14</td></tr> <tr><td width = "50">15</td><td heigt = "20">データ15</td></tr> <tr><td width = "50">16</td><td heigt = "20">データ16</td></tr> <tr><td width = "50">17</td><td heigt = "20">データ17</td></tr> <tr><td width = "50">18</td><td heigt = "20">データ18</td></tr> <tr><td width = "50">19</td><td heigt = "20">データ19</td></tr> <tr><td width = "50">20</td><td heigt = "20">データ20</td></tr> </table> </div> </td> </tr> </table> </body> </html>

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • AccessVBA サブフォームとスクロールについて

    こんにちは。 フォーム上にサブフォームを用意し、その中で横長のフォームを連続表示し、テーブルのデータを流し込み、あたかもデータベースのテーブルをそのまま見ているかのような構成にしています。実行すると、そのように見えます。 テーブルのレコードが多いものになると、マウスの上下スクロールをやりたくなります。しかし、マウスのホイールで上下スクロールすると上の行が隠れてしまい、なぜかスクロールしても最初の行が見えなくなってしまいます。こうなるとマウススクロールでの再表示はできず、画面上のスクロールバーの端っこの△▽をクリックして表示させています。 これでは操作性に難があります。 上記の現象の回避方法がありましたら教えてください。お願いします。 使用している環境はAccess2003です。

  • ホイールでスムーズにスクロールさせたい

    光学式マウスをノートパソコンで利用しています。 ホイールボタンで画面スクロールさせますが、スムーズでないことが気になっています。 マウスの設定で、3行にしたり、1行にしたり、試していますが、上に3行かと思うと下に行っていたり、10行ぐらい戻しているつもりが、10行進んでいたり。ホイールの反応が当てになりません。 購入時から同じ症状です。ホイールボタンのスクロールは、この程度の性能なのでしょうか。もっとスムーズにスクロールするマウスがあるでしょうか? 縦スクロールバーを左クリックでドラックしているぐらいのスムーズな画面スクロールが理想です。 ホイールを一度クリックしてから、マウスをドラックするスクロール方式は、なじめません。 OSXPです。 よろしくお願いいたします。

  • カーソルのスクロール

    XPを初期化したんですがマウスの真ん中に付いているホイールでスクロールすると、今までは普通?(滑らかにスクロールする)だったんですが、初期化してからは波打つように進みます(3行ごとにワープして画面が進む感じです) 設定は同じ3行スクロールなんですが どうしたら以前のようなスクロールの仕方に戻るんでしょうか?

  • ホイールスクロールが上手く動かない

    ロアスというメーカーのマウスを使ってます。買ったばかりで使いごごちはいいのですがどうもホイールスクロールすると例えば下へスクロールすると↓3行↓3行↓3行↑3行と何故か逆に動きます。なにか誤作動などの設定があるんでしょうか?

  • スクロールについて

    最近 Update してからなのですが メールに限らず IE においても 下の方に長いページを見る時 マウスポインタを 右のバーの下の方の▼のちょっと上あたりに持っていって クリックすると ちょうど 表示されている1ページ?分だけスクロールしていたのですが それが 1.5ページ分位スクロールしてしまうようになってしまいました。結果 元に戻す為にさらに マウスポインタを 動かさねばならず 全く不便になってしまいました。当方 ノートで使用してますので ホイールマウスを使えとか 言う事は 無しにして どうしたら 前のように 1ページづつ スクロールしてくれるようになるでしょうか。 環境は Win2000 IE6 です。

  • HTMLのテーブル行の高さを動的に変更する方法

    ASPを使用してDBにアクセスし、取得したデータに合わせてテーブルでリストを作成する勉強をしています。 表示するデータの中に、文章をセル内に2行又は3行で表示しなければならないものがあります。 行の高さを2行の時と3行の時で動的に変更する方法はありませんでしょうか? 宜しくお願い致します。

  • DataGridViewのスクロールでメモリリークする?

    はじめまして Microsoft Visual C# 2005の初心者です。 WinXP上で、データグリッドビューを使用して、表示専用の5列10000行程度の表を作成しています。 データグリッドビューへのデータ設定は、データバインドは行わずに、直接 dgvDiffList_dataGridView1[2, 0].Value = "ABC"; のように行っています。 データグリッドビューの表示後、マウスホイールでスクロールさせて全データを表示しようとすると、スクロールを行う毎にメモリ使用量がどんどん増加していきます。 5000行目辺りの表示を行うころから80Mバイト位を使用してしまい、スクロールバーは動くものの、画面の表示更新が行われなくなり、それでもスクロールバーを動かしていると、OutOfMemoryExceptionが発生してしまいます。 データグリッドビューをバーチャルモードで実行しても、同様の現象になります。 データグリッドビューで大量の表示をした上でスクロールを行うと、メモリを消費してしまうものでしょうか。 また、それを回避する方法はなにかないでしょうか。

  • テーブルにスクロールバーをつける

    テーブルにスクロールバーをつけることは出来るでしょうか。 行数は画面に表示させておくのが5行くらいで、5行以降はスクロールバーで移動させ表示させると言う感じにしたいのです。 HTMLで出来なければ他の方法も教えて下さい。

    • ベストアンサー
    • HTML
  • スクロールを少しづつするには

    エクセルでマウスのホイールでスクロールすると 一度に5行ぐらいスクロールしてしまいます。 これを1行にするにはどこを設定すればいいのでしょうか。 あまりにも初歩的な質問なのでしょうか。 スクロールで検索しても見つかりません。 OSはXP、エクセルは2000です。

  • マウスのスクロールホイール

    USBマウスのスクロールホイールが、回した方向と逆にページが進むことがあって困っています。 例えば、下にスクロールすると画面が波打ちながらカクカクと下に行くこともあれば、 逆に上に行ってしまったり、画面だけ波打ちながら結局上にも下にもスクロールせず、 同じ場所のままだったりすることもあります。 スムーズに、正しくスクロールできないものでしょうか? IEは使用していないので、詳細設定のスムーズスクロール機能については関係ないです。