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 标签的 if conition，就像如果 XmlNodes.length>8 然后包含 div 标签，否则不需要 div 标签。如何做到这一点。？

4

4 回答 4

4

您必须将您的表格包含在 a 中div，并制作该 div overflow:scroll，如下所示：

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

使用 CSS：

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

如果我没记错我的 CSS，如果你有超过 200 像素的内容，那应该会导致滚动条出现在表格元素上。请注意，您必须固定高度，否则元素将继续增长（因此没有溢出滚动）

于 2012-09-26T07:26:09.740 回答
0

如果我只想按高度滚动，那该怎么办？目前我正在逐行和逐列滚动。如果知道该怎么做，请告诉我。

非常感谢您提前。

--- 这里我得到了解决方案

溢出-x：隐藏；溢出-y：滚动；工作！

于 2013-05-29T13:25:24.937 回答
0

您可以使用 css 的溢出属性

overflow-x
overflow-y
overflow
于 2013-05-29T13:29:26.820 回答