首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >嵌入MS表单iframe scrolling="no“不起作用

嵌入MS表单iframe scrolling="no“不起作用
EN

Stack Overflow用户
提问于 2020-06-15 12:16:09
回答 2查看 625关注 0票数 1

我试图将此MS表单嵌入到SquareSpace中,但页面中出现2个滚动条(一个用于浏览器,另一个用于此表单)。

代码语言:javascript
复制
<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>

我想知道是否有一种方法可以删除表单的滚动条,而只有浏览器搜索器?显然,根据每个步骤中表单的大小,页面会得到更长的滚动

提前谢谢你

EN

回答 2

Stack Overflow用户

发布于 2020-06-15 12:17:46

是的,将这个属性添加到你的iframe中:

代码语言:javascript
复制
scrolling="no"

示例:

代码语言:javascript
复制
<iframe src="http://iFrameSource.com"  scrolling="no" style="width: 550px; height: 500px;  overflow: hidden;" ></iframe>

来源:Remove scrollbar from iframe

票数 0
EN

Stack Overflow用户

发布于 2020-06-15 12:39:00

你可以通过添加下面的CSS来实现。

代码语言:javascript
复制
<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>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/62381242

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档