better scoll的使用以及注意事项以及左联右

better scoll的使用以及注意事项以及左联右_第1张图片
下载better scoll的核心
better scoll的使用以及注意事项以及左联右_第2张图片
在你要使用的页面引入
better scoll的使用以及注意事项以及左联右_第3张图片
在data里面定义一个对象
better scoll的使用以及注意事项以及左联右_第4张图片
然后在createad里面放一个nexttick异步操作。
better scoll的使用以及注意事项以及左联右_第5张图片

上面是获取这个left-box节点是父节点
记住里面只能有一个子节点如果循环了 就要再包一个div就是一个子节点
better scoll的使用以及注意事项以及左联右_第6张图片

左联右 首先也要获取 右边的 父节点 然后配置
better scoll的使用以及注意事项以及左联右_第7张图片
左边这个绑定 vant-ui提供的点击方法
better scoll的使用以及注意事项以及左联右_第8张图片

给右边的 每一个循环的加一个id动态获取dom节点
better scoll的使用以及注意事项以及左联右_第9张图片
然后点击左边联动右边就可以了这个scolltoelemnt是betterscoll里面自带的 滑动到 指定的 dom’节点300是动画效果
better scoll的使用以及注意事项以及左联右_第10张图片

你可能感兴趣的:(前端)