Twitter bootstrap 使用键盘在Twitter上滚动';s Bootstrap 2.x模式弹出窗口
我使用引导模式来显示持续集成风格工具的构建日志,它们通常相当长。我可以用鼠标滚轮滚动(当然也可以使用滚动条),但箭头键和pg up/pg dn不起作用。有没有办法让这些功能正常工作?使用modal getTwitter bootstrap 使用键盘在Twitter上滚动';s Bootstrap 2.x模式弹出窗口,twitter-bootstrap,modal-dialog,Twitter Bootstrap,Modal Dialog,我使用引导模式来显示持续集成风格工具的构建日志,它们通常相当长。我可以用鼠标滚轮滚动(当然也可以使用滚动条),但箭头键和pg up/pg dn不起作用。有没有办法让这些功能正常工作?使用modal getid=“myModal”并将内容包装在div中,使用class=“modal body”使用: <script> $('#myModal').keydown(function(e) { if(e.keyCode == 40){$('.modal-b
id=“myModal”
并将内容包装在div中,使用class=“modal body”
使用:
<script>
$('#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);}
});
</script>
$('#myModal').keydown(函数(e)
{
如果(e.keyCode==40){$('.modal body').scrollTop($('.modal body').scrollTop()+10);}
如果(e.keyCode==38){$('.modal body').scrollTop($('.modal body').scrollTop()-10);}
});
如果您在页面中有多个模态,并且使用。模态scrollTop()将始终返回第一个模态的位置。
要获得更一般的解决方案,当您有许多模态时,可以执行以下操作:
$('.modal').keydown(function(e){
var modalid = $('.modal.fade.in:visible').attr('id');
if(e.keyCode == 40){
$('#'+ modalid +' .modal-body').scrollTop($('#'+ modalid +' .modal-body').scrollTop() + 10);
}
if(e.keyCode == 38){
$('#'+ modalid +' .modal-body').scrollTop($('#'+ modalid +' .modal-body').scrollTop() - 10);
}
});