Do you build things with AMP? Fill out the new AMP Developer Survey!



Wraps its children in a unique full-screen scrolling container allowing you to display a full-screen ad without taking up the entire viewport.

Required Scripts

<script async custom-element="amp-fx-flying-carpet" src="https://cdn.ampproject.org/v0/amp-fx-flying-carpet-0.1.js"></script>

Check if your ad network permits use of flying carpets when implementing the amp-fx-flying-carpet to display adds.


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">

The following requirements are imposed on amp-fx-flying-carpet positioning:

  • It should be positioned so that it doesn't obscure the first viewport (outside of top 75%).
  • It should be positioned so that its top can reach or be above the top of the last viewport when scrolled.


height 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.

Need more help?

You've read this document a dozen times but it doesn't really cover all of your questions? Maybe other people felt the same: reach out to them on Stack Overflow.

Go to Stack Overflow
Found a bug or missing a feature?

The AMP project strongly encourages your participation and contributions! We hope you'll become an ongoing participant in our open source community but we also welcome one-off contributions for the issues you're particularly passionate about.

Go to GitHub