重要提示：此文档不适用于您当前选择的格式email！

amp-fx-flying-carpet

描述

将其子元素包裹在一个独特的全屏滚动容器中，允许您显示全屏广告而无需占用整个视口。

必需的脚本

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

用法

amp-fx-flying-carpet将其子元素显示在固定高度的容器内。当用户滚动页面时，飞毯会显示更多的内容，在子元素上滑动，就像从页面中的窗口窥视一样。

在实施 amp-fx-flying-carpet 以显示广告时，请检查您的广告网络是否允许使用飞毯。

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

以下要求适用于 amp-fx-flying-carpet 的定位

它的位置应使其不遮挡第一个视口（顶部 75% 以外）。
它的位置应使其顶部在滚动时能够到达或高于最后一个视口的顶部。

属性

`高度`

飞毯“窗口”的高度。

通用属性

amp-fx-flying-carpet 包括扩展到 AMP 组件的通用属性。

样式

您可以使用 amp-fx-flying-carpet 元素选择器来自由设置其样式。amp-fx-flying-carpet 元素始终为 position: relative。

验证

请参阅 AMP 验证器规范中的 amp-fx-flying-carpet 规则。

需要更多帮助？

您已经阅读过这份文档很多次了，但它并没有真正涵盖您所有的问题？也许其他人也有同感：在 Stack Overflow 上联系他们。

前往 Stack Overflow

发现错误或缺少功能？

AMP 项目强烈鼓励您的参与和贡献！我们希望您能成为我们开源社区的长期参与者，但也欢迎您针对您特别关注的问题做出一次性贡献。

前往 GitHub