There is a modal window ( bootstrap 3 ):

  <div class="modal fade" id="modal1"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> TITLE </div> <div class="modal-body"> TEXT </div> </div> <div class="modal-footer"> <form><input class="btn btn-success" type="button" value="Далее" data-toggle="modal" data-dismiss="modal" data-target="#modal2"/></form> </div> </div> </div> </div>

From it, pressing the "Next" button will close the # modal1 window and call the next modal window # modal2

  <div class="modal fade" id="modal2"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> TITLE </div> <div class="modal-body"> TEXT //здесь много текста и форм </div> </div> <div class="modal-footer"> <form><input class="btn btn-success" type="button" value="Выход" data-dismiss="modal"/></form> </div> </div> </div> </div>

In the first window, the scroll works, and in the second one, there is probably no conflict of styles, but I can’t figure out how to open the 2nd window and make it work as a scroll.

JSFIDDLE: link

    1 answer 1

    Add a couple of lines to the styles, it will work:

     .modal { overflow-y: auto; } .modal-open { overflow: auto; }