小程序
小游戏
企业微信
微信支付
扫描小程序码分享
请教各位大佬,最近做了一个在首页的轮播图,但是在安卓机上面会出现莫名其妙的抖动,初始以为是某个安卓机个体的问题,但是后来发现是很多安卓机都会出现这样的问题,请问该如何解决,球球
6 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
可以用@animationfinish代替@change,这个不会一直抖动,但是进去还是会卡顿一下。自己在处理一下就ok了。
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
问题解决了吗
这个问题解决了吗?
不要去设置current就应该没问题。主要是bindschange事件会出现无限触发的情况。
或者在setData前,加一个current与e.detail.current的值做校验,相同就不要修改了。
但是他需要那个圆点 可样式又不能用默认的 所以只能加 current了
加了校验之后还是会抖动
抖动是什么样的情况下会出现呢?
如果是页面hide后,会出现这样的情况,你可以试下,在页面hide的时候,将自动轮播暂停,页面显示的时候再开启自动轮播。
我也遇到了 咋解决
<
view
class
=
"h-banner re"
>
<!--banner -->
swiper
autoplay
"{{autoplay}}"
circular
"{{circular}}"
indicator-dots
"true"
current
"{{currentSwiper}}"
bindchange
"swiperChange"
loop
block
wx:for
"{{imgs}}"
swiper-item
image
src
"{{item}}"
></
</
<!--重置小圆点的样式 -->
"dots"
"dot{{index == currentSwiper ? ' active' : ''}}"
data: {
imgs: [
'../../img/01-banner.jpg',
'../../img/01-banner.jpg'
],
currentSwiper: 0,
autoplay: true,
circular:true,
isIpx: false,//判断IPX
},
swiperChange: function (e) {
var that=this;
that.setData({
currentSwiper: e.detail.current
})
提供下 代码片段呗
我也遇到这个问题了 请看上面的代码片段
遇到了同样的问题 请问您最后是怎么解决的呢
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
可以用@animationfinish代替@change,这个不会一直抖动,但是进去还是会卡顿一下。自己在处理一下就ok了。
问题解决了吗
这个问题解决了吗?
不要去设置current就应该没问题。主要是bindschange事件会出现无限触发的情况。
或者在setData前,加一个current与e.detail.current的值做校验,相同就不要修改了。
但是他需要那个圆点 可样式又不能用默认的 所以只能加 current了
加了校验之后还是会抖动
抖动是什么样的情况下会出现呢?
如果是页面hide后,会出现这样的情况,你可以试下,在页面hide的时候,将自动轮播暂停,页面显示的时候再开启自动轮播。
我也遇到了 咋解决
<
view
class
=
"h-banner re"
>
<!--banner -->
<
swiper
autoplay
=
"{{autoplay}}"
circular
=
"{{circular}}"
indicator-dots
=
"true"
current
=
"{{currentSwiper}}"
bindchange
=
"swiperChange"
loop
=
"true"
>
<
block
wx:for
=
"{{imgs}}"
>
<
swiper-item
>
<
image
src
=
"{{item}}"
></
image
>
</
swiper-item
>
</
block
>
</
swiper
>
<!--重置小圆点的样式 -->
<
view
class
=
"dots"
>
<
block
wx:for
=
"{{imgs}}"
>
<
view
class
=
"dot{{index == currentSwiper ? ' active' : ''}}"
></
view
>
</
block
>
</
view
>
</
view
>
data: {
imgs: [
'../../img/01-banner.jpg',
'../../img/01-banner.jpg'
],
currentSwiper: 0,
autoplay: true,
circular:true,
isIpx: false,//判断IPX
},
swiperChange: function (e) {
var that=this;
that.setData({
currentSwiper: e.detail.current
})
},
提供下 代码片段呗
我也遇到这个问题了 请看上面的代码片段
遇到了同样的问题 请问您最后是怎么解决的呢