javascript - モーダルボックススクロールの問題CSS内のブートストラップモーダルボックス

Question

bootstrap modalWeb ページでモーダル ボックスを別のモーダル ボックス内に表示するために使用しました。次のコードを使用して、開いているモデルを閉じ、別のモーダルを開きました。

<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> 

すべて正常に動作します。しかし、ウィンドウの右側に 2 つのスクロール バーが表示されます。

これを修正する方法、または開いているモデルを閉じてモデルボックス内の新しいモデルを開く他の方法はありますか?