微客导航 » 文章资讯 » vue2.0中goods选购栏滚动算法的实现代码

vue2.0中goods选购栏滚动算法的实现代码

2024-02-23 16:50:03 291

不多说，直接代码，以便以后重复利用：


importBScrollfrom'better-scroll';
constERR_OK=0;
exportdefault{
props:{
sell:{
type:Object
}
},
data(){
return{
goods:[],
listHeight:[],
scrollY:0
};
},
computed:{
currentIndex(){
for(leti=0;i=height1&&this.scrollY{
response=response.body;
if(response.errno===ERR_OK){
this.goods=response.data;
this.$nextTick(()=>{
this._initScroll();
this._calculateHeight();
});
}
});
},
methods:{
_initScroll(){
this.menuScroll=newBScroll(this.$refs.menuwrapper,{
click:true
});
this.foodScroll=newBScroll(this.$refs.foodswrapper,{
probeType:3
});
this.foodScroll.on('scroll',(pos)=>{
this.scrollY=Math.abs(Math.round(pos.y));
});
},
_calculateHeight(){
letfoodList=this.$refs.foodswrapper.getElementsByClassName('food-list-hook');
letheight=0;
this.listHeight.push(height);
for(leti=0;i

以上所述是小编给大家介绍的vue2.0中goods选购栏滚动算法的实现代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持！

返回顶部
3162201930
czq8825@qq.com

vue2.0中goods选购栏滚动算法的实现代码

热门推荐

随机推荐