Встраивание 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>