关于轮播自动滚动的问题，自动滚动到最后一页停止了，没有接着从第一页滚动

来源：4-6 轮播图组件实现（下）

金属girl

2019-07-08

第一轮的自动滚动没有问题，第一轮结束，滚动就停止了，没有接着第二轮从第一页滚动

图片描述

写回答

2回答

ustbhuangyi

2019-07-08

已采纳

你有和 GitHub 的最新源码比对过吗？

_____ywz

金属girl

怎么解决，我也碰到同样的问题

2019-07-30

共3条回复

金属girl

提问者

2019-07-08

mounted(){
		setTimeout(()=>{
			this._setSliderWidth()
			this._initDots()
			this._initSlider()

			if(this.autoPlay){
				this._play()
			}
		},20)
	},
methods:{
    _initSlider(){
	this.slider = new BScroll(this.$refs.slider,{
		  scrollX: true,
          scrollY: false,
          momentum: false,
          snap: {
          	loop: this.loop,
          	threshold: 0.3,
          	speed: 400
          },
          click: true
	})

	this.slider.on('scrollEnd', ()=>{
		let pageIndex = this.slider.getCurrentPage().pageX  //当前页是第几页
		this.currentPageIndex = pageIndex

		if(this.autoPlay){
		    clearTimeout(this.timer)
		    this._play()
		}
	})
},
    _play(){
	let pageIndex = this.currentPageIndex + 1
	this.timer = setTimeout(()=>{
	    this.slider.goToPage(pageIndex,0,400)
	},this.interval)
    }
}

强哥别在卷了

感谢。我也遇到同样的问题，现在解决了！

2020-04-12

共1条回复

Vue2.0高级应用教学实战，开发企业级移动端音乐Web App

Vue.js高级知识应用大集合，实战企业级APP，教你搞定组件化开发。

5432 学习 · 3804 问题

查看课程

相似问题

滚动条问题

回答 2

scroll不滚动问题