嵌入式Google表单在移动设备上突然滚动

时间:2018-09-06 20:15:58

标签: javascript html ios css mobile-safari

我有一个Wordpress网站,我在iframe中插入了Google表单。

代码如下:

<iframe src="https://docs.google.com/forms/d/e/1FAIpQLSfMdTS_ULcSBdxqubCV7xR7v-t3KRpy_H-iK2sBJU9f9D302Q/viewform" style="display: block; width: 100%; height:2048px"></iframe>

该框架在桌面浏览器上工作正常,但是在移动设备(iOS Safari)上存在以下问题:每当我选择单选选项时,它都会突然滚动到页面底部(不是iframe,而是页面底部) )。 即使我将桌面窗口的尺寸调整为电话尺寸的较小尺寸,也不会在台式机上发生此问题。

我进行了搜索,发现该问题已被Google知道,但是他们没有提供任何解决方案:https://productforums.google.com/forum/#!topic/docs/WPMBrNIcLWU

是否有任何可解决此问题的自定义JS / CSS代码?我当时在想,如果我以某种方式截获了试图滚动到页面底部的Google表单,我可能会阻止它...或者也许是更干净,更好的东西:)(我不是JS专家)

可以在此处看到上述问题的示例:http://18.184.154.131:8080/?page_id=1928(尝试以表格形式转到第2页,然后选择“医疗”)

0 个答案:

没有答案