vue2.0 better-scroll 实现移动端滑动的示例代码
应该还需要判断一下当前左侧栏中的scroll的位置,然后使之跟随变化,但是不同尺寸的手机,高度不一,怎么解决???1)首先要使点击有效,因为 better-scroll将默认事件都阻止了2)为左侧的分栏绑定点击事件,并获取 index ,然后使右边的相应 index 分类滚动就行了~so easy ....but!!!在 template 中,将此index 值绑定到index 值相等的左侧的列表分栏中,并指定一个类名,叫 current,如下图中的 画红线的部分:在style中,将相应的current 类加上相应的样式即可:使 左边栏 点击有效,如下图红线标注所示: 为左侧栏 添加相应的点击事件:在methods 中编写点击触发的事件 selectMenu()方法,利用 获取的 $index 使右边进行相应的滚动,其中 300ms是加上了一个过渡效果:试试吧~
下载地址
用户评论