创建HTML滚动条

Question

HTML中是否有滚动条元素？

如果没有，如何创建滚动条？我尝试将div与overflow一起使用，但问题是我必须添加内容才能显示滚动条，如果我添加内容则会显示。

CSS：

.h-scrollbar {
    overflow-x: scroll;
    width: 300px;
}

.h-scrollbar div {
    width: 1000px;
    display:block;
}

HTML：

<div class="h-scrollbar"><div>text</div></div>

以下是演示：http://jsfiddle.net/4e8jbbc0/1/

如何才能 滚动条？

Answer 1

您可以使用以下css类隐藏文本并仅获取滚动条元素

.h-scrollbar div {
    width: 1000px;
    display:block;
    visibility: hidden;
    height:0px
}