Javascript 一个滚动条用于三个选项或选择区域

我想实现三个

..

区域或

..

区域，由一个滚动框控制，看起来应该像

|-------|  |-------|  |-------| /\ 
|  aas  |  |  aas2 |  |  sdj3 |  | 
|  asd  |  |  asd2 |  | werh3 |  |
|  qwd  |  |  qwd2 |  | qwe3  |  | 
|-------|  |-------|  |-------| \/ 

是否可以创建一个单独的滚动条，以及如何实现它

---

我应该使用jquery和javascript还是其他什么？

试试这里的15个最好的jquery滚动条

---

你所需要的只是一点css。 只需将这三个元素与一个类（例如，.main）放在一个div中，并添加以下css：

.main {
 max-height: 100px; //or whatever you want
 overflow-y: scroll;
}

看一看房子

---

我认为这是解决您需要的问题的最简单的解决方案：

您不能只创建一个具有指定高度的容器div和CSS溢出：scroll；然后将这三个区域（作为div）放入容器中？

当然可以：

---

看看这个：

我想你能做到。有一个问题，您想选择多个选项吗？我举个例子。这是你想要的吗？当您选择项目时，它将变为红色并选中复选框。它是纯js的

---

我找到了一种滚动表格的好方法，因此有必要将表格包含到包装器中，并且包装器应用以下样式：

.scroll_wrapper{
  float:left;
  overflow:auto;
  height:266px;    <-- some custom height
  width:100%;
}

。滚动\u包装器{
浮动：左；
溢出：自动；
高度：266px；欢迎使用Stack Overflow！虽然这从理论上可以回答问题，但请在此处包含答案的基本部分，并提供链接供参考。您在此处所做的只是将OP发送到其他地方，以阅读可能的解决方案。。。