如何创建水平和垂直滚动条

Question

如何在不使用任何插件的情况下创建this页面等水平和垂直滚动条。这就是我想要的：Screenshot

Answer 1

请试试这个

elementname {
overflow-x:scroll
overflow-y:scroll
}

如果你想格式化滚动条，那么使用名为'jScrollPane'的插件 http://jscrollpane.kelvinluck.com/

Answer 2

要执行此操作，首先需要在容器上设置固定高度（用于垂直滚动）或固定宽度（用于水平滚动）。然后，您可以使用overflow-x和overflow-y告诉浏览器如何处理超出该宽度/高度的内容。在这种情况下，您希望使用scroll选项或auto。 scroll表示滚动条始终显示，auto表示只有有足够内容需要时，浏览器才会显示滚动条。

.scroll-horizontal {
    overflow-x: auto;
    width: 200px;
}

.scroll-vertical {
    overflow-y: auto;
    height: 200px;
}