溢出：在css中滚动

【问题标题】：overflow:scroll in css溢出：在css中滚动
【发布时间】：2011-12-08 01:25:03
【问题描述】：

我有一个用“overflow:scroll”设置样式的元素，但它看起来很糟糕，因为滚动条使页面变得混乱。有没有办法让滚动条只在有人将鼠标悬停在元素上时才显示？

【问题讨论】：

【解决方案1】：

是的！

在要滚动的区域添加一个类，例如：

<div class="over">Content to scroll</div>

您的 CSS 将如下所示：
.over { overflow:hidden }
.over:hover { overflow-y:scroll }

【讨论】：

【解决方案2】：

#element_id {
    overflow: hidden;
}

#element_id:hover {
    overflow: scroll;
}

如果您不关心 ie6 用户，则可以使用

【讨论】：

【解决方案3】：

#element { overflow: hidden; }
#element:hover { overflow: scroll; }

虽然:hover 在 IE 6 中不起作用，但您需要牢记这一点。

如果您需要支持 IE 6，则需要使用 JavaScript 和元素上的类来做这种事情。

【讨论】：

【解决方案4】：

如果 :hover 伪类在所有浏览器中都能正常工作，您可以这样做：

.my_thing
{
    overflow: visible;
}

.my_thing:hover
{
    overflow: auto;
}

最好的办法是通过 JavaScript 将类设置为悬停。

【讨论】：