vue2.0 better-scroll 实现移动端滑动的示例代码

drug94501 4 0 pdf 2021-09-10 20:09:51

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

vue2.0 better-scroll 实现移动端滑动的示例代码

vue2.0 better-scroll 实现移动端滑动的示例代码

vue2.0 better-scroll 实现移动端滑动的示例代码

用户评论
请输入评论内容
评分:
暂无评论