我有一个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页,然后选择“医疗”)