一个滚动条用于三个选项或选择区域
One Scroll Bar for three option or select areas
我想实现三个<select>...</select>
区域或<option>...</option>
区域,用一个滚动框控制,应该看起来像
|-------| |-------| |-------| /'
| aas | | aas2 | | sdj3 | |
| asd | | asd2 | | werh3 | |
| qwd | | qwd2 | | qwe3 | |
|-------| |-------| |-------| '/
是否可以创建一个单独的滚动条,我该如何实现它?
我应该使用 jquery 和 javascript 还是其他任何东西?
当然是的:
看看这个:http://jsfiddle.net/freealone/eEhky/3/
你不能只制作一个具有指定高度和 CSS 溢出:滚动的容器div ; 并将这三个区域(作为div)放在容器内吗?
你所需要的只是一点 css。只需将这三个元素放在带有类的div 中,例如 .main 并添加此 css:
.main {
max-height: 100px; //or whatever you want
overflow-y: scroll;
}
看看 css 溢出属性
我认为这是您需要的最简单解决方案:http://jsfiddle.net/g3UWu/1/
我认为你可以做到。有一个问题你想选择吗?我举这个例子。这是你想要的吗?当您选择项目时,它将变为红色并选中一个复选框。它是纯的js
http://jsfiddle.net/boralp/qQD7U/7/
我找到了一种很好的方法来滚动表格,为此有必要将表格包含在包装器中,并且对于包装器应用以下样式:
.scroll_wrapper{
float:left;
overflow:auto;
height:266px; <-- some custom height
width:100%;
}
这适用于IE和Mozilla浏览器。
所以我只是创建包含 3 列的包装表,而不是使用div 标签创建表......
但无论如何,建议确实有效。
在这里尝试15个最好的jquery滚动条
http://slodive.com/web-development/jquery-scroll/
相关文章:
- 当选择值x时,Javascript需要在正确的位置显示文本区域,从而循环通过具有选择选项的表单
- HTML-从mysql生成的选择框中的一个选项更改文本区域的颜色
- 单击select'时将数组行回显到文本区域中;s选项
- 焦点新选项卡的文本区域引导程序 3 + 角度JS
- HTML表单选项(是或否)然后下拉文本区域
- 创建选项卡,每个选项卡有两个文本区域
- 更改“Jquery 工具”选项卡幻灯片可单击区域
- 一个滚动条用于三个选项或选择区域
- 在文本区域中添加阅读更多选项
- javascript 可以访问用户在控制面板上的区域和语言格式首选项
- 根据使用 ajax php mysql 选择的选项验证调查问卷中的相应文本区域
- 当有人选择选项时,如何将MySQL中的数据插入文本区域
- 在 jade 筛选器中使用区域设置选项失败
- 自动对焦保管箱中的空白区域,而不创建空选项
- 文本区域未验证引导选项卡
- 当鼠标离开区域时,或在Zurb Foundation中使用JS时,恢复到初始活动选项卡
- jquery检查字符串是否已从文本区域删除,并从select中删除选项
- 如何将复选框值和选项值相加,并在文本区域中输入总和
- 使用javascript中的选择选项onchange更改文本区域内容
- 如何使用Titanium Appcelerator在应用程序中创建一个复选框首选项区域