0

次のように、1 つのスクロール ボックスで制御される 3 つ<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

必要なのは少しのCSSだけです。.mainなどのクラスを持つdivに3つの要素を配置し、次の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

指定された高さとCSSoverflow：scrollで1つのコンテナdivを作成することはできません。これらの3つの領域（divとして）をコンテナー内に配置しますか？

于 2012-05-24T11:28:38.787 に答える
0

私はあなたができると思います。複数選択する質問は1つですか？私はその例を作ります。それはあなたが望むものですか？項目を選択すると赤くなり、チェックボックスが選択されます。純粋なjsです

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

于 2012-05-24T11:57:49.817 に答える
0

テーブルをスクロールする良い方法を見つけました。そのためには、テーブルをラッパーに含める必要があり、ラッパーには次のスタイルを適用する必要があります。

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

これは、IE および Mozilla ブラウザでうまく機能します。

したがって、divタグを使用してテーブルを作成する代わりに、3列でラップされたテーブルを作成するだけです....

しかし、とにかく提案は本当にうまくいきます。

于 2012-05-31T09:04:24.623 に答える
-1

ここで15の最高のjqueryスクロールバーを試してください

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

于 2012-05-24T11:25:51.377 に答える