3

I was trying to embed my code on my new google site but it looks like there is an extra scrollbar on the embed code section. At first I thought it was the size too short but after I have adjusted the size is still the same, I still can see the scrollbar from the embedded code section.

Does anyone know how to prevent this?

enter image description here

Rubén
  • 34,714
  • 9
  • 70
  • 166
Ace
  • 325
  • 1
  • 3
  • 13

3 Answers3

10

To disable scrolling for embed code, add :

<script>
parent.document.getElementsByTagName('iframe')[0].scrolling="no";
</script>

This changes the scrolling value of the parent iFrame ( scrolling="yes" ) to no.)

You can change the no to auto in the code if you want it to add scrolling automatically.

Vico
  • 101
  • 1
  • 3
0

As @Vico said, you can remove the scrolling with the added but that will most likely just remove scrolling and not make your embed URL Responsive.

Unfortunately there is not a way to actually communicate your mobile environment from your google site to your embedded URL because the new google sites embed uses iFrame. The only work around would be to increase the size of your embedded container on your google site drastically. Once you do that you should be able to view your full webApp or what not on your site with no up-down scrolling but you may still see side-to-side scrolling. To remove that you van add

<body style="overflow: hidden;">

and it will be hidden.

Mauricio Alvarez
  • 21
  • 3
0

Maybe this trick will help: Expand the inserted "Embed < >" box's boundary. (from Auto adjust heigth of Google Site embed code (html))

Saigon Republic
  • 1