时间戳

首页 > 解决方案 > 在谷歌表单中按下提交按钮后如何使页面滚动到顶部？

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

问题描述

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

这是我使用的表格： <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…&lt;/iframe>

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

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

标签： javascriptjqueryhtmlcssgoogle-forms

解决方案

您可以使用两个选项。

  1. 将 jquery 脚本添加到 iframe 加载事件

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

  1. 向 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>

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

推荐阅读