twitter-bootstrap - キーボードを使用して Twitter の Bootstrap 2.x モーダル ポップアップをスクロールする

Question

ブートストラップ モーダルを使用して、継続的インテグレーション スタイルのツールのビルド ログを表示していますが、多くの場合、ログは非常に長くなります。マウスのスクロール ホイールを使って (そしてもちろんスクロール バーを使って) スクロールできますが、矢印キーと pg-up/pg-dn が機能しません。それらを機能させる方法はありますか？

Answer 1

モーダルを取得し、コンテンツを使用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>