title: Closing one bootstrap modal and opening another one immediately causes scrolling issues
body: <p>I have two modals. When I close one and open the other right after, I have scrolling issues. Instead of scrolling in the modal, the content behind it gets scrolled. To solve this, I did the following:</p>
  
  <pre><code>$('#firstModal').on('hidden.bs.modal', function (e) {
      $('#secondModal').modal();
      $('#firstModal').off('hidden.bs.modal');
  });
  $('#firstModal').modal('hide');
  </code></pre>
  
  <p>I was wondering, is there a more elegant solution that does not involve using the event listener?</p>