如何防止这个div的垂直滚动?(How to prevent the vertical scroll

2019-10-23 11:10发布

我不是那么到CSS和我有以下问题。

我有以下情况:到页我有一个非常大的表(这是水平截断,因为它不是在页面中输入)。

所以要解决这个问题,我把这个表放入一个可滚动的div,像这样:

<div style="overflow-x: scroll;">
    // Into this div there is my original table
</div>

所以,我已经使用了溢出-X:滚动; 属性,因为我想的是,div的内容只有水平滚动(不是垂直)。 但问题是,我得到这样的输出:

正如你可以看到垂直的股利内容结果滚动也和我不想要它。 由于内表由一个标签库渲染我不能发布一个小提琴。

我怎样才能解决这个问题,只获得horizzontal卷轴? 我在想什么?

TNX

Answer 1:

尝试

<div style="overflow-x: scroll; overflow-y:hidden;">
    // Into this div there is my original table
</div>


Answer 2:

overflow-y: visible; 默认情况下应存在,也有可能是别的东西造成的滚动条。 看看overflow-y的各种父值div在Chrome调试器软件。



Answer 3:

使溢出-Y:隐藏。

<div style="overflow-x: scroll;overflow-y:hidden;">
    // Into this div there is my original table
</div>


Answer 4:

首先给你的div <div style="overflow: auto">看看。 如果在y轴上的滚动还表示,类型<div style="overflow-x: auto; overflow-y: hidden">



Answer 5:

.div {
  overflow-x: scroll;
  overflow-y: hidden;
}
<div class="div">
</div>


文章来源: How to prevent the vertical scroll of this div?