小程序菜单左右联动效果

252 阅读1分钟

本文已参与「新人创作礼」活动,一起开启掘金创作之路。

小程序菜单左右联动效果

小程序菜单左右联动,一个看起来很有趣并用途普遍的功能,没做这个功能之前,我翻阅了好多的网上文章,但是实现起来却都多少有些复杂(主要是不懂啥意思),直到遇到高人指点,用简单的逻辑,实现了这个功能,下面就是见证奇迹的时刻:
每个人的需求肯定是不一样的,理解为主。

wxml需要做的:

1.首先要在右侧菜单的上面插入scroll-view 这个标签,这个标签官方做出了解释。 2.同时左侧菜单的上面也要插入scroll-view 这个标签。 3.如想要滑动效果,可以再里面加入scroll-with-animation='true’属性即可。 4.右侧菜单因为也要做联动所以需要再里面加入bindscrol事件。 (这个是事件只要滚动就会一直兼听)

1659431326767.jpg

下面来看代码:

js:

附上源码链接:download.csdn.net/download/we…