微信小程序支持美团外卖的菜单分类功能，并采用左右联动设计
发布时间
阅读量：
阅读量
最近项目要求写一个美团菜单分类左右联动的需求 记录一下
1,首先需要应用 scroll-view 组件，并确保左右两侧均可实现滑动功能，直接提供代码示例。scroll-into-view 的参数需对应某个子元素的 id，且该 id 不能以数字作为起始字符。在设置滚动方向时，应根据实际需求指定对应方向的滚动操作，使页面能够滑动至该元素。id="scroll-{{index}}" 的写法是必须存在的，否则将无法达成左侧与右侧联动展示的效果。
<view class="link">
<!-- 左边 -->
<scroll-view class="left" scroll-y scroll-with-animation scroll-top="{{scrollTops}}">
<view class="item {{tabCur===index?'active':''}}" wx:for="{{list}}" wx:key="index" data-index="{{index}}" bindtap="tabNav">{{item.name}}</view>
</scroll-view>
<!-- 右边 -->
<scroll-view class="right全部评论 (0)
还没有任何评论哟~