为什么引导模态在关闭模态并锚定到页面后会删除我的滚动条

Question

I have a bootstrap modal and and button inside it aside from the close button. So what I want is when I click the button, the modal will close and will navigate to the same page via anchor tag. This works but problem is the modal is removing or disabling the scroll bar. The modal thinks as if the modal is still open.

I have this:

$( "#silverB" ).click(function() {
  $("#myModal").hide();
  $(document.body).scrollTop($('#optin').offset().top);
});

Answer 1

You should not retire the modal using .hide() . Instead use this:

$("#myModal").modal("hide");

Because, bootstrap adds more classes to body ( .modal-open ) when the modal is opened. But when you "hide" the modal, they are not reset.

From the docs :

.modal('hide')

Manually hides a modal. Returns to the caller before the modal has actually been hidden (ie before the hidden.bs.modal event occurs).`