Встраивание MS Form iframe scrolling="no" не работает

Я пытаюсь встроить эту форму MS в SquareSpace, но у меня появляются две полосы прокрутки на странице (одна для браузера и одна для этой формы).

<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>

Мне было интересно, есть ли способ удалить полосу прокрутки для формы и оставить только сколлер браузера? Очевидно, на каждом шаге страница становится длиннее в зависимости от размера формы.

Заранее большое спасибо

2 ответа

Ага, добавьте этот атрибут в свой iframe:

scrolling="no"

пример:

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

Источник: удалить полосу прокрутки из iframe

Вы можете сделать это, добавив следующий 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>
Другие вопросы по тегам