html:有没有办法在html代码中包含滚动条

标签 html css scrollbar

我必须在下面的 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 循环,所以我不知道我会得到多少标签。所以我想为我的标签放一个滚动条。怎么做?有没有办法可以放置 if conition for div在这里标记,比如如果 XmlNodes.length>8 则包含 div 标记,否则不需要 div 标记。如何做到这一点。?

最佳答案

您必须将您的表格包含在 div 中,并使该 div overflow:scroll ,如下所示:

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

关于html:有没有办法在html代码中包含滚动条,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12596604/

相关文章:

javascript - 如何在移动设备上的溢出滚动元素上保留滚动链?

html - 防止检查元素定位元素?

html - 在知道组件字符串名称的 Angular 2 中动态插入组件

javascript - Uncaught TypeError : $(. ..).DataTable 不是使用自动刷新在同一页面上调用 3 个不同表的函数

html - 对齐 Material 设计图标上方的文本(使用 materializecss)

html - 通过 CSS 向下移动水平线

android - ListView.setBackgroundDrawable(null) 后不显示 ListView 滚动条

javascript - 将 Javascript 与两个相同类的两个 div 一起使用

css - 为什么我的 div 不会 float 到右边缘

css - 在::-webkit-scrollbar 上使用过渡?