微信小程序实现左右联动的菜单列表
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了微信小程序实现左右联动的菜单列表相关的知识，希望对你有一定的参考价值。
参考技术A 实现效果如下：实现左右联动的菜单列表，主要依靠scroll-view的是三个属性：
scroll-top：设置竖向滚动条位置（可视区域最顶部到scroll-view顶部的距离）；
scroll-into-view：值应为某子元素id（id不能以数字开头）。设置哪个方向可滚动，则在哪个方向滚动到该元素；
bindscroll：滚动时触发，event.detail = scrollLeft, scrollTop, scrollHeight, scrollWidth, deltaX, deltaY
结构图示：
wxml:
js:
数据结构：
如果你还想实现从其他页面，点击按钮跳转到当前页面，并且列表滚动到指定项，此项在可视区域的第一个展示：
wxss:
以上是关于微信小程序实现左右联动的菜单列表的主要内容，如果未能解决你的问题，请参考以下文章
微信小程序实现上下左右滑动触发联动选项卡绝对值事件parsestringifyMathatanabsfindIndex
微信小程序实现角度或左右滑动触发联动选项卡绝对值事件parsestringifyMathatanabsfindIndex