【功能演示】如何实现图片自下而上滚动后消失,并循环滚动?
2 天前

循环滚动效果是网页设计中吸引用户注意力的常用技巧,可高效实现图片自下而上平滑滚动、消失并无限循环的视觉效果。它既能优化空间利用率,又能为静态页面注入动态活力,以下将详细解析其实现路径,助力创作者打造更具吸引力的视觉内容。


1.在左侧组件库中,添加“图片”组件至项目中。


接着选中图片组件,在“样式”配置栏中,点击“图片地址”旁的扩展选项,选择“生成数据字段”,图片地址建议填写网络地址,可以使用GISBox进行生成,详情参考此教程:如何将本地图片生成网络地址? - 数字孪生可视化产品交流社区


接着,为图片组件添加相应的数据。


3.在左侧组件库中,添加“列表”组件至项目中。


接着将“图片”组件与“列表”组件成组。


4.选中列表组件,在“样式”配置面板中,将需要轮播的字段填入对应配置项。


接着在“样式”配置栏的“展示设置”中,”开启动画”“循环播放”功能。


展示效果如下:

朝乐 朝乐

登录一下,更多精彩内容等你发现,贡献精彩回答,参与评论互动

登录! 还没有账号?去注册

评论0

暂无评论

咨询热线0571-88650917
地址 公司 邮箱

杭州市文一西路海创科技中心 311121

杭州多算科技有限公司

support@shanhaibi.com

关注山海鯨官方qq群,了解更多内容

QQ群号:788095444

Copyright © 2020-2026 多算科技, All Rights Reserved. 浙ICP备20006837号-5