2

我有一张桌子，它从屏幕向右延伸（它已固定，并且此宽度大于屏幕宽度）。浏览器会自动在底部创建滚动条。如何指示浏览器在右侧“不可见”区域显示此表格时不创建滚动条？本练习的目的是使用 Javascript 向左滚动该表格，将其内容显示在最初不在屏幕上的右侧。

如果我为“body”设置“overflow:hidden”，则所有其他内容都将无法滚动，以防它不适合屏幕（例如，在 1024 浏览器中，因为内容已针对 1280 进行了优化）。我只需要这个表（在两个 DIV 内）不创建浏览器滚动条......

代码如下所示

<div style="position:relative;overflow:hidden;width:1500px">
    <div style="float:left">
        <table style="table-layout:fixed;width:1500px">
            <tr>
                <td style="width:300px">
                    aaa
                </td>
                <td style="width:300px">
                    bbb
                </td>
                <td style="width:300px">
                    ccc
                </td>
                <td style="width:300px">
                    ddd
                </td>
                <td style="width:300px">
                    eee
                </td>
            </tr>
        </table>
    </div>
</div>
4

3 回答 3

2

添加以下 CSS 规则：

body
{
  overflow-x:hidden;
}

编辑：看到您的评论后，table我div建议以下内容。假设您的标记是：

<div class="tablecontainer">
  <table />
</div>

使用以下 CSS 规则：

div.tablecontainer
{
  overflow-x:hidden;
}
于 2012-06-20T10:49:59.950 回答
1

尝试这个

<body style="overflow-x:hidden;">

或使用任何 CSS 类将此属性添加到您的 body 标记中。

于 2012-06-20T10:51:08.687 回答
0

为其添加“overflow-x”样式。您可以隐藏溢出或为包含表格的 div 提供水平滚动。

水平滚动溢出

<div class="col-12" style="overflow-x:scroll;">

隐藏溢出

<div class="col-12" style="overflow-x:hidden;">
于 2021-05-23T18:47:01.163 回答