Question

我正在使用bootstrap模式，我添加了一个滚动条，它可以正常使用鼠标，但是当我使用键盘时，只有背景页面滚动。我该怎么做才能解决这个问题。这是我正在使用的css代码。

.modal .modal-body {
height: 520px;
overflow-y: auto;
 }

我尝试了这段代码，但它不起作用

  $('#myModal').keydown(function(e) 
{ 
    if(e.keyCode == 40){$('.modal-body').scrollTop($('.modal-body').scrollTop()+10);}
    if(e.keyCode == 38){$('.modal-body').scrollTop($('.modal-body').scrollTop()-10);}

});

Answer 1

只有当前具有焦点的元素才能检测到击键，因此如果焦点位于背景中的元素上，则keydown事件将不会捕获任何内容。我建议做以下事情：

通过为其提供tabIndex=-1属性
将其设置为在打开时具有焦点，如下所示： $（ “＃我的模态”）。对焦（）

Bootstrap Modal弹出窗口不能用键盘滚动

1 个答案: