How to reset scroll position of modal in bootstrap3?

Question

I have a bootstrap v3 modal, like in the documentation.

When I open the modal for a first time ('Launch demo model' button) a vertical scroll bar is in a top position. If I scroll down and click 'Cancel' in modal it will close. It is ok. But if I open modal again it will be already scrolled down. And this is case which I would like to avoid. What should I do to open modal in a top position?

Answer 1

working in production

$('#my-modal').on('shown.bs.modal', function () {
    $('#my-modal').scrollTop(0);
});

Answer 2

I think you would need to to use the events that fire when the modal is opened to reset the scrolling.

Something like:

$('#myModal').on('shown.bs.modal', function () {
  window.scrollTo(0,0);
});

Depending on your page you might wantto use some jQuery or animations:

$('#myModal').on('shown.bs.modal', function () {
 $('html, body').animate({
   scrollTop: $("#myModal").offset().top
 }, 1000);
});