本帖最后由 Joseph.Wang 于 2023-7-12 09:03 编辑
如果想使用除表格以外的形式展示数据,通常都会使用到图文列表,因为它可以自由灵活的定义数据的展示形式,那是否有想过怎样让图文列表中的内容滚动起来呢?比如展示优秀员工、重点客户、热卖商品等等,其实这些也可以使用图片轮转插件来实现,但是如果我们想轮播两行,或者自定义图片和文字的位置,使用图片轮转的插件就不太行了,接下来就分享一下图文列表滚动的实现方式,有两种思路来实现。
第1种是,将图文列表绑定页面的一个隐藏表格,并且在页面上记录总页数以及当前的页数,然后定时翻页。
第2种是,通过JavaScript代码,来操作图文列表中的滚动条。
实现思路参考的是这个链接:https://www.jianshu.com/p/a2bb9d474998
附件有对应工程文件,大家可以参考,有更好的思路,也欢迎大家分享哈~~
|
|