4

キーボードのキーを使用して、ulリストをスクロールできるようにしたい。数回試みた後、私はこれを機能させました。

残念ながら、私は非常に長いリストで問題に直面しています。cssルールoverflow：autoを提供することで、それらをスクロールできるようにしたいと思います。

キーボード入力は引き続き正しく評価されますが、スクロールバーはスクロールしません。キーボード入力で必要なときに自動スクロールするための解決策を見つける方法を誰かが指定できますか？

私のhtml：

<div class="btn-group">
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
Inch                            
</a>

<ul class="dropdown-menu">
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
    <li>6</li>
    <li>7</li>
    <li>8</li>
    <li>9</li>
    <li>10</li>
    <li>11</li>
    <li>12</li>
    <li>13</li>
    <li>14</li>
    <li>15</li>
    <li>16</li>
    <li>17</li>
    <li>18</li>
    <li>19</li>
</ul>
</div>

私のcss：

ul{
    list-style-type:none;
    max-height:110px;
    overflow:auto;
    text-align:center;
}

.selected{
    background:#ff0000;
}

コードを表示するためにjsfiddle環境をセットアップしました。

http://jsfiddle.net/Ugkxk/6/

4

1 に答える 1

-1

このjQuery.scrollTo（）：プラグインが役立つはずです。

あなたができることのいくつかの例：

$('body').scrollTo('#target'); // Scroll Screen to Target Element

$('body').scrollTo(500); // Scroll Screen 500px Down

$('#scrollable').scrollTo(100); // Scroll Individual Element 100px Down

最後の例はおそらくあなたが必要とするものです。

于 2013-03-23T17:30:45.937 に答える