One Scroll Bar for three option or select areas

I want to implement three <select>...</select> areas or <option>...</option> areas, controlled with one scroll box, that should be looking like

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

Is it possible to create a separate scroll bar, and how do I implement it?

Should i use jquery and javascript or anything else?

Answers


yes of course : look at this : http://jsfiddle.net/freealone/eEhky/3/


Can't you just make one container div with a specified height and CSS overflow:scroll; and put those three areas (as divs) inside the container?


All you need is a bit of css. Just place the three elements in a div with a class e.g. .main and add this css:

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

Take a look at the css overflow property

I think this is the easiest solution to what you need: http://jsfiddle.net/g3UWu/1/


I think you can do. There is one question do you want to multiple selection? I make that example. Is it what you want? When you select item it turns red and selects a checkbox. It is pure js

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


I had found a nice way how to scroll the table, for that it is necessary include table into wrapper, and for wrapper apply following style:

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

This works well for IE and Mozilla browsers.

So i just create wrapped table with 3 columns instead of creating table using div tags....

But suggestions are really work anyway.


try the 15 best jquery scrollbar here

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


Need Your Help

Need to get empty datatable in .net with database table schema

c# .net sql-server ado.net datatable

What is the best way to create an Empty DataTable object with the schema of a sql server table?

Testing login/logout with rspec (preserve session data between two API calls)

ruby-on-rails testing rspec

I have the following API methods in my Rails app that I would like to test: