微信小程序 - 菜单左右联动示例

今天记录一个个人写的二级联动示例。

下面是效果图：

功能实现关键是使用控件scroll-view，下面直接上示例代码。

页面对应的js文件：

Page({
  data: {
    select_index:0,
    scroll_height:0,
    left: [{
        id: 1,
        title: '选项一'
      },
      {
        id: 2,
        title: '选项二'
      },
      {
        id: 3,
        title: '选项三'
      },
      {
        id: 4,
        title: '选项四'
      },
      {
        id: 5,
        title: '选项五'
      },
      {
        id: 6,
        title: '选项六'
      },
      {
        id: 7,
        title: '选项七'
      }
    ],
    right:[
      {
        id: 1,
        title: '选项一',
        content:[
          {
            title:"产品一"
          },
          {
            title: "产品二"
          },
          {