mobile logo

Scroll to the top of modal window on button click

Solution:

Took the effort to look at your website and find the issue. But for the next time, it would be great if you make a code snippet we can use to help you. Anyway, cheers and enjoy!

I made a snippet to double check if what I was doing was correct. The thing you need would be: jQuery(".dialog-widget-content").animate({ scrollTop: $(".dialog-widget-content")}, 0);

PS, run code snippet below. 😉

 

$('.e-form__buttons__wrapper__button-next').click(function(e){
  jQuery(".dialog-widget-content").animate({ scrollTop: $(".dialog-widget-content")}, 0);
});
.dialog-widget-content {
  width:400px;
  height:400px;
  overflow:auto;
  float:left;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="dialog-widget-content">
<br/><br/>Scroll down & then click there >><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
</div>
<div class="e-form__buttons__wrapper__button-next">
click here
</div>