Bootstrap 3 largo desplazamiento modal de fondo en Android

Esto se suponía que se solucionó con Bootstrap 3, pero no funciona para mí. Fui capaz de arreglar ingenio con una combinación de -webkit-overflow-desplazamiento de la propiedad CSS y el establecimiento de la altura máxima de mi modal. Desde que quería mi modal para llenar toda la pantalla, tuve que cablear algunos javascript para detectar dispositivos móviles y el conjunto de la altura máxima de mi .Modal de contenido a la altura de la ventana de mi dispositivo

Esto es lo que hice para resolver esto usando una biblioteca llamada jRespond:

Añadir este CSS a tus modales

@media (max-width: $screen-xs-max) { .modal-dialog { .modal-content { -webkit-overflow-scrolling: touch; overflow-y: auto; } } } 

Agregue jRespond a su aplicación

https://github.com/ten1seven/jRespond/edit/master/js/jRespond.js

Agregue el siguiente código a su script main.js

  /* This code handles the responsive modal for mobile */ var jRes = jRespond([{ label: 'handheld', enter: 0, exit: 767 }]); jRes.addFunc({ breakpoint: 'handheld', enter: function() { $('.modal-content').css('max-height', $(window).height()); $(window).on('orientationchange', function () { $('.modal-content').css('max-height', $(window).height()); }); }, exit: function () { $('.modal-content').css('max-height', ""); $(window).off('orientationchange'); } }); 

Puede debido a la posición de clase modal es fijo … Intenta poner el código a continuación en su archivo css, es trabajo para mí …

 @media (max-width: 767px) { .modal { position: absolute; overflow:visible; } .modal-open { overflow:visible; } }