从iframe中删除滚动条

时间:2013-04-16 15:56:33

标签: iframe google-docs

我有一个谷歌文档的表格,我嵌入我的网站,我希望我教练的学生填写,但滚动条让我讨厌。有什么方法可以摆脱它吗?

<iframe src="https://docs.google.com/forms/d/1kMdmk_f4jrAWwZi6q3YD63oUQAg2hvdheAQ-pY_2FRY/viewform?embedded=true" width="760" height="500" frameborder="0" marginheight="0" marginwidth="0">Loading...</iframe>

4 个答案:

答案 0 :(得分:11)

使用scrolling =“no”

  <iframe src="https://docs.google.com/forms/d/1kMdmk_f4jrAWwZi6q3YD63oUQAg2hvdheAQ-pY_2FRY/viewform?embedded=true" width="760" **scrolling="no"** height="500" frameborder="0" marginheight="0" marginwidth="0">Loading...</iframe>

答案 1 :(得分:1)

我不确定它是单个滚动条,还是让您烦恼的双滚动条...根据您要嵌入的表单,某些部分可能会比其他人大,他们需要滚动才能继续表格。

我非常喜欢这里,但使用他们的html嵌入工具为wix网站修复了一个麻烦的双滚动条问题......

采用谷歌表格嵌入代码,我添加了&#34;样式&#34;在开始时将纸张更改为&#34; 100%&#34;看到这里:

<style type="text/css">
body {margin:0; overflow: hidden;}
iframe {border: none;}
</style>
<iframe src="YOUR SOURCE" width="100%" height="100%" frameborder="0" marginheight="0" marginwidth="0"></iframe>

答案 2 :(得分:1)

我发现如果您将表单的高度更改为2000表示您的表单适合您的网站而没有滚动

e.g。宽度=&#34; 650&#34;高度=&#34; 2000&#34;

答案 3 :(得分:0)

您可以尝试使用css:overflow-y: hidden;