在键盘上自动滚动向上/向下箭头

Question

我希望能够通过键盘按键滚动显示ul列表。 经过一番尝试，我得到了这个工作。

不幸的是我遇到了很长的列表问题。 我想通过提供css规则溢出来滚动它们：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/

Answer 1

这个jQuery .scrollTo(): plug-in应该能够来帮你。

的你可以做什么的一些例子：

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

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

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

的最后一个例子可能是你所需要的。