Question

是否有一个库可以帮助制作一个滚动条，在HTML中滚动div？假设有一个200 X 200的div，但这个div中的所有内容实际上都是200 * 1000，所以你必须向下滚动才能看到所有内容。

Answer 1

您可以使用基于JQuery的Tiny Scrollbar。

Answer 2

你应该使用

overflow: auto;

用于自动滚动条插入，

overflow: scroll;

让它出现。

^{* 您标记了CSS。}

ADDED

您可以使用CSS3设置滚动条的样式:(即使Google正在使用它们，只需在控制台中查看。）

注意：IE不支持CSS3（一如既往），因此您必须使用特定于IE的旧方式来设置样式。

目前，Webkit浏览器将支持它:(如Chrome和Safari）

::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: gray;
}

TEST IT OUT HERE

但是，这不适用于Firefox，，因为他们认为用户讨厌那些花哨的滚动条。所以如果你真的想要改变它，你可能会尝试{ {3}}，这是一个jQuery插件，易于使用。 IMO，CSS比插件更好，因为它包含的下载字符更少。

Answer 3

假设您要将滚动条放在以下div上：
<div class="myscrolling" >blah blah...</div>

CSS：

div.myscrolling{
height:200px;
width:200px;
overflow:auto;
}

非原生滚动

3 个答案:

ADDED