Question

我必须在下面为我的html代码添加一个滚动条。代码就像 - ＆gt;

 <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为div在这里标记，就像XmlNodes.length＆gt; 8然后包含div标签，否则不需要div标签。如何做到这一点。？

Answer 1

您必须将表格放在div中，然后制作该overflow:scroll div，如下所示：

<div style="overflow:scroll; height:300px">
   <table>  // your table
   </table> // goes here
</div>

Answer 2

使用CSS：

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

如果我记得我的CSS正确，如果你的内容超过200px，那么这会导致滚动条出现在table元素上。请注意，您必须修复高度，否则元素将继续增长（因此没有溢出滚动）

Answer 3

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

很多谢谢你。

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

overflow-x：hidden; overflow-y：scroll;工作!!

Answer 4

你可以使用css的溢出属性

overflow-x
overflow-y
overflow

HTML：有没有办法包含html代码的滚动条

4 个答案: