我做了一个上拉加载更多的效果,引用的better-scroll这个插件,然后
function set_scroll(){
scroll = new BScroll('#list', {
scrollY: true,
click: true,
probeType:3,
pullDownRefresh:{threshold: 50,stop:0},
pullUpLoad:{threshold: 50,stop:0}
})
}
scroll.on('pullingUp', function(){
//加载
load_more();
})
scroll.on('pullingDown', function(){
//刷新
list_refresh();
})
function loadData(){
if(floag == 0){
Vue.nextTick(function(){
set_scroll()
})
}else{
Vue.nextTick(function(){
scroll.refresh();
})
}
}
通过检查,我发现是加载数据,dome节点内容增加后,scroll对象仿佛被重新刷新了一样,transform属性值重置为0了,看起来的效果就是拉动到底部,加载数据后,页面又回滚到初始位置了。
在它的api上也没有找到解决类似问题的方法,有没有知道的?