如何仅显示水平滚动条？

2018-07-01 17:18:16

我有一个div容器，并定义了它的风格如下：

div#tbl-container 
{
    width: 600px;   
    overflow: auto;    
    scrollbar-base-color:#ffeaff
}

一旦我填充了我的表格，这个div就包含了这个动作，这让我可以自动地选择水平和垂直滚动条。我只想让水平滚动条自动出现。我将以编程方式修改表格的高度。

我该怎么做呢？

除非让内容足够大以便需要它们，否则不应该同时获得水平和垂直滚动条。

但是，由于错误，您通常在IE中执行操作。检查其他浏览器（Firefox等），以确定它是否实际上只有IE正在执行此操作。

IE6-7（包括其他浏览器）支持建议的CSS3扩展来独立设置滚动条，您可以使用它来抑制垂直滚动条：

overflow: auto;
overflow-y: hidden;

您可能还需要为IE8添加以下内容：

-ms-overflow-y: hidden;

因为微软威胁要将所有CR标准之前的属性转移到IE8标准模式下的“-ms”框中。（如果他们总是这样做，这将是有意义的，但现在对每个人都是一个不便。）

另一方面，IE8完全有可能修复这个bug。

我还必须添加white-space: nowrap; 风格，否则元素将包裹到我们正在移除能力的区域。

要同时显示：

<div style="height:250px; width:550px; overflow-x:scroll ; overflow-y: scroll; padding-bottom:10px;">      </div>

隐藏X轴：

<div style="height:250px; width:550px; overflow-x:hidden; overflow-y: scroll; padding-bottom:10px;">      </div>

隐藏Y轴：

<div style="height:250px; width:550px; overflow-x:scroll ; overflow-y: hidden; padding-bottom:10px;">      </div>

链接地址: http://www.djcxy.com/p/88445.html