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

我希望能够通过键盘按键滚动显示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/

来源

2013-03-23 Menno van leeuwen

-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

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

来源

2013-03-23 17:30:45 bukka

我实现了第一个例子，结果非常好。我的结果可以在： http://jsfiddle.net/Ugkxk/9/ – 2013-03-24 11:02:57

我很高兴我帮助，祝你好运与未来的发展！ – bukka 2013-03-24 11:04:44

仅供参考：我刚刚在Google Chrome和Firefox中检查了这个小提琴，如果您将鼠标光标悬停在列表上，它将无法使用。同时滚动顶部或底部不会选择最后一个/第一个项目。 – nevf 2013-03-26 20:21:15

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

回答

相关问题