Javascript 键盘上的自动滚动上/下箭头

我希望能够用键盘键滚动ul列表。 经过几次尝试，我终于成功了

不幸的是，我面临一个很长的列表问题。 我希望能够通过提供css规则溢出：auto

键盘输入仍然正确计算，但滚动条没有滚动。 有人能指定我如何在需要键盘输入时找到autoscroll的解决方案吗

我的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>

我设置了一个JSFIDLE环境来显示我的代码：

此jQuery应该能够帮助您

您可以做的一些示例：

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

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

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

---

最后一个示例可能就是您所需要的。

我实现了第一个示例，效果非常好。我的结果可以在以下位置找到：仅供参考：我刚刚在Google Chrome和Firefox中检查了这把小提琴，如果您将鼠标光标悬停在列表上，它将无法使用。同时，从顶部或底部滚动都不会选择最后/第一个项目。感谢您提供的信息！我提出了另一个问题：讨论鼠标问题，并将研究列表滚动的结束/开始。

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

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

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