0

以下のHTMLコード用のスクロールバーを含める必要があります。コードは次のようになります-> 

 <html>
   <head></head>
      <body>
<div style="overflow:scroll;height:100px;scrollbar-shadow-color: #2D2C4D;scrollbar-highlight-color:#7D7E94;scrollbar-face-color: #000000;scrollbar-3dlight-color:#7D7E94;">
         <table width="100%" style="border-collapse:collapse;overflow:scroll;height:10px">
    <tr>
         <% dim CountFlg
                CountFlg = 0
                for i=0 to XmlNodes.length-1
                    if CountFlg <= 2 then %>
                        <td>
                            <b><%=XmlNodes.item(i).getAttribute("xx")%></b>                                
                        </td>
                        <TD>
                            <input class="TextArea" name="<% xx % >" id="<% xx %>" style="height:35px;overflow:auto;padding-left:80px;" rows="5"cols="10"> </input>
                        </TD>
                        <% CountFlg=CountFlg+1
                    end if
                next%>
            </tr>
           </table>
          </div>
         </body>
        </html>

ここにforループがあるので、取得するタグの数がわかりません。タグにスクロールバーを配置することを考えました。これを行うにはどうすればよいですか？ここにdivタグの条件がある場合に配置できる方法はありますか？ XmlNodes.length> 8の場合のように、divタグを含めます。それ以外の場合はdivタグは必要ありません。これを行う方法は？

4

4 に答える 4

4

次のように、テーブルを で囲み、divその div を作成する必要がありますoverflow:scroll。

<div style="overflow:scroll; height:300px">
   <table>  // your table
   </table> // goes here
</div>
于 2012-09-26T07:36:03.933 に答える
0

高さ方向のスクロールのみが必要な場合はどうすればよいですか? 現在、行単位および列単位のスクロールを取得しています。方法を知っている場合は、私に知らせてください。

よろしくお願いします。

--- ここに解決策があります

オーバーフロー-x: 非表示; オーバーフロー-y: スクロール; 動作します!!

于 2013-05-29T13:25:24.937 に答える
0

cssのオーバーフロープロパティを使用できます

overflow-x
overflow-y
overflow
于 2013-05-29T13:29:26.820 に答える
0

CSS の使用:

<table style="overflow:scroll, height:200px">

CSS を正しく覚えていれば、コンテンツが 200px を超えるとテーブル要素にスクロール バーが表示されるはずです。高さを固定する必要があることに注意してください。そうしないと、要素は成長し続けます（したがって、スクロールするオーバーフローはありません）。

于 2012-09-26T07:26:09.740 に答える