嵌入 MS Form iframe scrolling="no" 不起作用答案

【问题标题】：Embedding MS Form iframe scrolling="no" does not work嵌入 MS Form iframe scrolling="no" 不起作用
【发布时间】：2020-10-04 10:52:22
【问题描述】：

我正在尝试将此 MS 表单嵌入到 SquareSpace 中，但页面中有 2 个滚动条（一个用于浏览器，一个用于此表单）。

<iframe width="460px" height= "1000px" scrolling="no" 
src= "https:...&embed=true" 
frameborder= "0" marginwidth= "0" marginheight= "0" style= "overflow:hidden; border: none; max-width:100%; max-height:100vh" 
allowfullscreen webkitallowfullscreen mozallowfullscreen msallowfullscreen> </iframe>

我想知道是否有一种方法可以删除表单的滚动条并且只有浏览器 scoller？显然，页面的滚动时间更长，具体取决于每一步中表单的大小

提前非常感谢

【问题讨论】：

标签： html css iframe scroll ms-forms

【解决方案1】：

您可以通过添加以下 CSS 来实现。

<style type="text/css">
  body {margin:0; overflow: hidden;}
  iframe {border: none;}
</style>
<body> 
  <iframe height="100%" width="100%" 
   src="yourframe1.html"></iframe>
  <iframe src="yourframe2.html" 
   width="100%" height="100%"></iframe>
</body>

【讨论】：

【解决方案2】：

是的，将此属性添加到您的 iframe：

scrolling="no"

示例：

<iframe src="http://iFrameSource.com"  scrolling="no" style="width: 550px; height: 500px;  overflow: hidden;" ></iframe>

来源：Remove scrollbar from iframe

【讨论】：

谢谢，我也试过了！不工作！不知道为什么。我注意到代码没有显示。这是我的代码：