ventana modal no hace scroll

publicado por: Anonymous

Estoy usando bootstrap para hacer ventanas modales pero cuando cargado mucho contenido no se puede bajar con el scroll para ver la demás información debido a que el scroll se oculta autmaticamente al abrir mi modal , es decir se queda estática, uso el código para las ventanas modales de la pagina de bootstrap

_x000D_

_x000D_

        <div class="modal fade " id="modalOpcionessii" tabindex="-1" role="dialog" >_x000D_
            <div class="modal-dialog"  role="document">_x000D_
                <div class="modal-content">_x000D_
                    <div class="modal-header">_x000D_
                        <h5 class="modal-title">Reporte de renovaciones</h5>_x000D_
                    </div>_x000D_
                    <div class="modal-body">_x000D_
_x000D_
                        <div class="alert alert-success"><i class="glyphicon glyphicon-asterisk"></i> Propuestas</div>_x000D_
                        <input type="hidden" id="valor_" />_x000D_
                        <input type="hidden" id="valorboton_" />_x000D_
                        <!-- EN EL DIV "muestraResultado" MUESTRO CONTENIDO DE TEXTO -->_x000D_
                        <div id="muestraResultado"></div>_x000D_
                    </div>_x000D_
_x000D_
                    <div class="modal-footer">_x000D_
                        <button type="button"  class="btn btn-primary" data-toggle="modal" data-target="#SiRenueva" data-whatever="si">Si </button>_x000D_
                        <button type="button"  class="btn btn-primary" data-toggle="modal" data-target="#NoRenueva" data-whatever="si">No </button>_x000D_
                    </div>_x000D_
                </div>_x000D_
            </div>_x000D_
        </div>

_x000D_

_x000D_

_x000D_

solución

Podes resolverlo agregando esto a tu css

.modal-dialog{
    overflow-y: initial !important
}
.modal-body{
    height: 250px;
    overflow-y: auto;
}

http://www.bootply.com/T0yF2ZNTUd

Nota: Recuerda que tu css tiene que aplicarse después de bootstrap.css

Respondido por: Anonymous

Leave a Reply

Your email address will not be published.