CODEWITHSUNDEEP
htmlcssgoogle-sites-2016
Ace
Ace

Reputation: 325

Extra scrollbar on new google site when using embed code

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

Upvotes: 3

Views: 8603

Answers (3)

Saigon Republic
Saigon Republic

Reputation: 1

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

Upvotes: 0

Mauricio Alvarez
Mauricio Alvarez

Reputation: 21

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.

Upvotes: 0

Vico
Vico

Reputation: 111

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.

Upvotes: 11

Related Questions