移动端vue项目使用better-scroll导航滚动的指定位置

移动端vue项目使用better-scroll导航滚动的指定位置

a页面:

b页面:

之前实现的是a页面点击跳转到b页面,但是如果点击的是最后一项,b页面不会自动定位到你选中的那一项,需要用户手动滑动才可以看到,用户体验不好
新的需求:a页面点击谁,b页面头部导航就自动定位到选中的项
刚开始想的有点复杂了,想着获取所有选项的宽度,放到一个数组里面,点击谁就获取谁的下标,拿到对应的那个宽度进行滚动,后来网上搜索了个简便方法,试了一下,成功了,心里简直不要乐开花

let el = document.querySelector(".scrollUl .active");
this.horizonScrollList.scrollToElement(el,0,0)

原理即为获取到动态选中的那个元素,直接通过better-scroll的scrollToElement()方法来实现
就是这么简单解决了我的问题
哈哈哈~~~

参考链接如下,有需要的可以看一下:
https://blog.csdn.net/qq719756146/article/details/85004309