amp-next-page
Introduction
amp-next-page allows you to add an infinite scroll style experience to your AMP pages.
Setup
Import the amp-next-page component.
<script async custom-element="amp-next-page" src="https://cdn.ampproject.org/v0/amp-next-page-1.0.js"></script>
Basic usage
This sample uses the amp-next-page component to load other sample pages. It defines a custom separator.
<amp-next-page> <script type="application/json"> [{ "title": "amp-img", "image": "https://preview.amp.dev/static/samples/img/amp.jpg", "url": "https://preview.amp.dev/documentation/examples/components/amp-img/" }, { "title": "amp-bind", "image": "https://preview.amp.dev/static/samples/img/amp.jpg", "url": "https://preview.amp.dev/documentation/examples/components/amp-bind/" }, { "title": "amp-accordion", "image": "https://preview.amp.dev/static/samples/img/amp.jpg", "url": "https://preview.amp.dev/documentation/examples/components/amp-accordion/" }, { "title": "amp-lightbox-gallery", "image": "https://preview.amp.dev/static/samples/img/amp.jpg", "url": "https://preview.amp.dev/documentation/examples/components/amp-lightbox-gallery/" }, { "title": "amp-list", "image": "https://preview.amp.dev/static/samples/img/amp.jpg", "url": "https://preview.amp.dev/documentation/examples/components/amp-list/" } ] </script> <div class="amp-next-page-sample-separator" separator> amp-next-page separator </div> </amp-next-page>
需要进一步说明？
如果此页面的说明未能涵盖您的所有问题，欢迎与其他 AMP 用户取得联系，讨论您的具体用例。
前往 Stack Overflow 一项无法解释的功能？AMP 项目强烈鼓励您参与其中并作出贡献！我们希望您能成为我们开源社区的持续参与者，但我们也欢迎您对热衷问题做出单次贡献。
在 GitHub 上编辑实例