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 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 规则。