javascript - 模态框内的引导模态框滚动问题css

Question

我已经使用bootstrap modal我的网页在另一个模态框内显示模态框。我使用以下代码关闭打开的模型并打开另一个模态。

<script>
  function launch_modal(id) {
     // Hide all modals using class if required.
     $('.modal').modal('hide');
     $('#'+id).modal('show');
  }
</script>


<div class="modal fade" id="loginmodal"  role="dialog"  aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-body"> sample content
        <div class="text-right"><a href="javascript:void();" onClick="launch_modal('forgot-password-modal');">Forgot Password ?</a></div>
        <div class="modal-bottom"></div>
      </div>
    </div>
    <!-- /.modal-content -->
  </div>
  <!-- /.modal-dialog -->
</div> 

一切正常。但是窗口右侧出现了两个滚动条。

如何解决这个问题，或者有没有其他方法可以关闭打开的模型并在模型框中打开一个新模型？