Question

我希望能够使用键盘键滚动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/

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

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

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

1 个答案: