Estoy creando una extensión de Chrome que muestra un iframe en la parte superior de las páginas específicas. Este marco se fija y se coloca antes de abrir la etiqueta del cuerpo.

Para reservar un lugar para este iframe, muevo hacia abajo el cuerpo incluyendo el elemento fijo usando CSS:

-webkit-transform: translateY(40px);

Parece funcionar bien con muchos sitios web, pero en algún otro sitio web como Facebook causa un problema. una barra de desplazamiento se muestra en el lado derecho.

¿Hay alguna alternativa que pueda intentar evitar este problema? Cualquier ayuda sería apreciada