uni-app - 详细实现新闻动态 / 公告上下滚动列表（上下循环滚动，无限上下自动滚动列表），一键复制代码运行即可。

前言

网上的教程都很乱，本文做优质示例代码。

本文 实现了 uniapp 全端兼容（h5网页 / 小程序 / 安卓苹果app / nvue等）无限上下自动滚动列表，常见于新闻动态列表、公告等场景，

支持 uniapp v2 / v3 版本，您可以自定义滚动间隔与 显示多少个 列表，另外点击每项会触发事件，可用于跳转到详情页。

---

如下图所示，您可以随意更改样式、滚动时间间隔、宽高等等，

代码干净整洁，注释详细

示例代码

推荐使用平台提供的一键复制功能，避免发生漏选难以排查。