在谷歌表单中按下提交按钮后如何使页面滚动到顶部？

Question

我在我的网站上使用了谷歌表单。我在按下提交按钮时遇到问题，页面没有转到顶部并显示大量空白区域，因为我们在提交表单时必须向下很多。

这是我使用的表格： <iframe src="https://docs.google.com/forms/d/e/1FAIpQLSc2zeeSoq25ZdSkWK5bY5uwp6NJ4r-PdzILlXAeuszyVwQlMA/viewform?embedded=true" width="100%" height="1800px" frameborder="0" marginheight="0" marginwidth="0">Loading…</iframe>

使用此代码但它不起作用。 <form onsubmit="parent.scrollTo(0, 0); return true">

注意：我不了解 JS 或 Jquery，所以我可能需要一些详细的解释。谢谢

Answer 1

您可以使用两个选项。

1. 在 iframe 加载事件中添加 jquery 脚本
   

<script>
  jQuery("iframe").load(function() {
    jQuery("html,body").animate({
      scrollTop: 0
    }, "slow");
  });
</script>

2. 给 iframe 添加一个 onload 事件； onload="window.parent.scrollTo(0,0)"
   

< iframe src = "https://docs.google.com/forms/d/e/1FAIpQLSc2zeeSoq25ZdSkWK5bY5uwp6NJ4r-PdzILlXAeuszyVwQlMA/viewform?embedded=true"
  width = "100%"
  height = "1800px"
  frameborder = "0"
  marginheight = "0"
  marginwidth = "0"
  onload = "window.parent.scrollTo(0,0)" >
    Loading… 
</iframe>

推荐使用第二个选项，因为它适用于具有多个页面的表单。