0

我想实现三个<select>...</select>区域或<option>...</option>区域，用一个滚动框控制，应该看起来像

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

是否可以创建单独的滚动条，如何实现？

我应该使用 jquery 和 javascript 还是其他任何东西？

4

6 回答 6

1

是的，当然：
看看这个：http: //jsfiddle.net/freealone/eEhky/3/

于 2012-05-24T11:38:22.223 回答
0

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

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

这适用于 IE 和 Mozilla 浏览器。

所以我只是创建带有 3 列的包装表，而不是使用 div 标签创建表....

但无论如何，建议确实有效。

于 2012-05-31T09:04:24.623 回答
0

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

http://jsfiddle.net/boralp/qQD7U/7/

于 2012-05-24T11:57:49.817 回答
0

你所需要的只是一点CSS。只需将三个元素放在一个带有类的 div 中，例如 .main 并添加这个 css：

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

看一下css溢出属性

我认为这是您需要的最简单的解决方案：http: //jsfiddle.net/g3UWu/1/

于 2012-05-24T11:27:42.227 回答
0

你不能只制作一个具有指定高度和 CSS 溢出的容器 div:scroll; 并将这三个区域（作为 div）放入容器中？

于 2012-05-24T11:28:38.787 回答
-1

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

http://slodive.com/web-development/jquery-scroll/

于 2012-05-24T11:25:51.377 回答