2015-06-14 152 views
0

我使用引導模式,我添加了一個滾動條,它使用鼠標工作正常,但是當我使用鍵盤只有背景頁滾動。我能做些什麼來解決這個問題。這是我使用的CSS代碼。Bootstrap模式彈出不滾動鍵盤

.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);} 

}); 

回答

2

擊鍵只能由當前具有焦點的元素,讓你的​​事件不會陷阱什麼,如果重點是檢測在背景中的元素上。我建議做以下幾點:

  • 給它的tabIndex=-1屬性
  • 設置它打開時,它具有焦點,這樣使你的模式可聚焦: $(「#我的模態」)重點()
+0

謝謝你!奇蹟般有效。我不夠好投票:) –

+0

沒問題 - 只是「接受」答案。 –