Description A flying carpet wraps its children in a unique full-screen scrolling container. In particular, this allows you to display a full-screen ad without taking up the entire viewport, making for a better user experience.
Availability Stable
Required Script <script async custom-element="amp-fx-flying-carpet" src=""></script>
Examples Annotated code example for amp-fx-flying-carpet


amp-fx-flying-carpet displays its children inside a container of fixed height. As the user scrolls the page, the flying carpet reveals more of it contents, sliding across its children as if peering through a window in the page.


<amp-fx-flying-carpet height="300px">
  <amp-img src="fullscreen.png" width="300" height="500" layout="responsive"></amp-img>



The height of the flying carpet's "window".

common attributes

This element includes common attributes extended to AMP components.


  • You may use the amp-fx-flying-carpet element selector to style it freely.
  • amp-fx-flying-carpet elements are always position: relative.


See amp-fx-flying-carpet rules in the AMP validator specification.