美文网首页微信小程序踩坑记录
微信小程序scroll-view组件设置scroll-top无效

微信小程序scroll-view组件设置scroll-top无效

作者: 飞鱼YE | 来源:发表于2019-02-14 15:01 被阅读0次

最近在做一款音乐播放器,在实现歌词定位滚动时,使用了scroll-view组件,scroll-top的值默认设置为0,需要实现这样一个功能:每次重新开始播放时,如果滚动条未回到顶部,需要手动回到顶部。
当我尝试在播放开始监听事件里,判断如果当前播放时间等于0,就将scroll-top的值设置为0,以实现回到顶部,然鹅设置无效,并未回到顶部,官网也未有相关说明。几经尝试,我发现:原来需要两次设置的值不一样才能生效。因为滚动后我并没有更新scroll-top的值。
所以可以将scroll-top的值默认设置为-1,需要回到顶部时再设置为0。

const bgAudioManager = wepy.getBackgroundAudioManager()
data = {
  scrollTop: -1
}
bgAudioManager.onPlay(() => {
  if (parseInt(bgAudioManager.currentTime) === 0) {
    this.scrollTop = 0
  }
  this.$apply()
})

相关文章

网友评论

    本文标题:微信小程序scroll-view组件设置scroll-top无效

    本文链接:https://www.haomeiwen.com/subject/gveeeqtx.html