0

我有一个 div 有很多内容，因此滚动..如何隐藏滚动条使其不可见。编辑：我确实想要滚动工作！所以..滚动没有滚动条？

例如

.scrolling_div {

     overflow:auto;
     /*something else to hide the scrollbar?*/

}
4

6 回答 6

4

好的，我花了一些时间编写最少的代码。

检查演示。将鼠标悬停在 div 上并滚动以查看滚动条。

注意这里使用了一个外部插件来监听鼠标滚轮事件。

插件的演示页面

overflow:hidden应该隐藏滚动条。

.scrolling_div {
     overflow: hidden;
}

溢出可以采用以下任何一个值，

可见 默认值。内容没有被剪裁，它可能会呈现在内容框之外。

hidden 内容被剪裁，不提供滚动条。

scroll 内容被剪裁，桌面浏览器使用滚动条，无论是否剪裁任何内容。这避免了滚动条在动态环境中出现和消失的任何问题。打印机可能会打印溢出的内容。

auto 如果内容溢出，提供滚动条。

参考

于 2012-05-01T22:27:55.020 回答
2

overflow: auto;意思是“如果需要，显示一个滚动条”。将其更改overflow: hidden;为禁用滚动。

编辑：好的，你想制作一个自定义滚动条。然后查看这个示例 jsFiddle以了解如何开始 - 它包括鼠标滚轮和滚动条的拖动。

于 2012-05-01T22:28:04.740 回答
1

你可以试试这个：

html {
        overflow: hidden;
    }

它将从所有窗口中删除滚动条。

否则，如果您仅在特定 div 上需要它：

.scrolling_div {

     overflow: hidden;

}
于 2012-05-01T22:33:42.667 回答
0

这真的取决于你要做什么。 看这里

overflow:hidden;可能是你想要的。

如果您想深入研究 css3，您可以使用overflow-x并overflow-y获得更多选择。

于 2012-05-01T22:28:39.777 回答
0

隐藏滚动条的唯一方法是使内容不可滚动，如果超过高度 ( ) 则将其截断overflow: hidden。老实说，您为什么想要一个没有滚动条的可滚动页面？这会让任何访客感到困惑。你无法用 CSS 做到这一点。

至于自定义滚动条，有 JavaScripts 可以做到这一点。但是请确保如果用户禁用它，他们仍然可以在没有它的情况下正确滚动页面。

于 2012-05-01T22:33:11.010 回答
0

使用一个包装器来覆盖您希望在没有滚动条的情况下可滚动的元素，并让包装器在水平方向上比要滚动的元素更窄。这就是我的意思：http: //jsfiddle.net/FlagelloDiDio/EdgTt/

于 2012-05-01T22:49:18.410 回答