Cómo hacer desplazamiento modal con la página principal

Question

Tengo un modal con los contenidos más altos que la altura del navegador, como resultado tengo algunos contenidos que no se pueden mostrar. (Que parece ser la posición modal es fijo y no se puede desplazar en su conjunto)

¿Cómo puedo hacer que el modal desplazable con la página principal de modo que realmente puedo ver el contenido de abajo?

Answer 1

Lo que podría hacer que se establece el código CSS del modal position a absoluta en lugar de fijo.

Para ello, acaba de obtener el nombre de la clase del modal o ID como esto y ponerlo en absolute:

.modal { 
position: absolute !important; 
} 

O, mejor aún, editar el CSS principal para su modal (si puede) y cambie position de fixed a absolute.

ejemplo jsFiddle: http://jsfiddle.net/hUNZs/

Answer 2

He intentado <div class="modal myModal"></div>

CSS

.myModal { 
     overflow: auto !important; 
     height: 300px; //set a height to a modal so it wont overlapped when the body tag's height is smaller than the modal 
}