代码之家 › 专栏 › 技术社区 › Jeni Vasileva

滚动到联系人表单7(WordPress)中的“成功”字段

contact-form-7 scroll wordpress jquery

1

Jeni Vasileva · 技术社区 · 7 年前

使用WordPress和插件联系人表单7,我想使用jQuery滚动到联系人表单上方的成功消息。

这是我的表格

<form action="/.../.../#wpcf7-f1581-p853-o1" method="post" class="wpcf7-form" enctype="multipart/form-data" novalidate="novalidate">

我已经将以下代码添加到我的主题中,但是在重载时调用了它,但是它不起作用。

var myEl = document.getElementsByClassName('wpcf7-submit');

myEl.addEventListener('click', function() {
    window.scrollTo({ top: 0, behavior: 'smooth' });
}, false);

1 回复 | 直到 7 年前

1

allen 7 年前

你可以试试这个,讨论一下联系人表单的响应,然后变魔术

document.addEventListener( 'wpcf7mailsent', function( event ) {
                  window.scrollTo({ top: 0, behavior: 'smooth' });
            }, false );