单击按钮时滚动到模态 window 的顶部

Question

我正在使用 Elementor 页面构建器在 Wordpress 上构建网站，但在单击表单上的 'next' 时无法将用户发送回模式顶部。

这是我一直在尝试的代码，这是它当前托管的页面：http://doortouk-co-uk.stackstaging.com/home/

（可以通过单击页面底部的 'Apply Now' 按钮打开模式，第 3、4 和 5 部分较长，需要滚动到顶部功能）

jQuery(document).ready(function () {
    jQuery('.e-form__buttons__wrapper__button-next').click(function(){
        jQuery(".dialog-widget-content").scrollTop(0);
        });
 })

如有任何帮助，我们将不胜感激！

编辑 - 解决方案是定位 .dialog-lightbox-message

Answer 1

努力查看您的网站并找到问题所在。但下一次，如果您制作一个我们可以用来帮助您的代码片段，那就太好了。无论如何，干杯并享受！

我做了一个片段来仔细检查我所做的是否正确。你需要的是： jQuery(".dialog-widget-content").animate({ scrollTop: $(".dialog-widget-content")}, 0);

PS、运行下面的代码片段。 ;)

$('.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>

单击按钮时滚动到模态 window 的顶部

Scroll to the top of modal window on button click

javascript

wordpress

jquery

modal-dialog

elementor