基于swpiper的资讯滚动走马灯做法

本文介绍了使用Swiper实现垂直滚动资讯的需求,遇到的两个主要问题及解决方案。问题一:用户交互后自动播放停止,通过设置'autoplayDisableOnInteraction'为false解决。问题二:动态数据不滚动,通过启用'observer'和'observeParents'确保动态内容更新时Swiper生效。附带相关参数链接。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

首先我的需求是垂直滚动的资讯,同时可以手动地去上下划动,并且数据是动态获取的,在做的过程中我发现这里有几个坑,下面逐一说来, 附上效果图

这里写图片描述

1.第一个坑:用手去划动资讯后,发现资讯不能自动滑动了。停止了,刷新后发现自动划动是可以的,大概知道原因后,就去翻手册,解决如下:

这里有一个参数’autoplayDisableOnInteraction’,作用是用户操作swiper之后,是否禁止autoplay。默认为true:停止。这要把这里改为false这个坑就填好了。

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值