微信小程序下拉菜单页面切换

可以通过使用小程序的scroll-view组件和swiper组件来实现下拉菜单页面切换的效果。具体实现方法如下：

1. 在scroll-view组件中设置一个固定高度的view作为下拉菜单，同时在该view中添加一个swiper组件用于切换不同的页面。

2. 在swiper组件中添加多个swiper-item组件，每个swiper-item组件对应一个页面。

3. 在scroll-view组件中添加一个滚动事件监听函数，当用户下拉scroll-view时，判断当前scroll-view的scrollTop值是否大于等于下拉菜单的高度，如果是，则将scroll-view的scrollTop值设置为下拉菜单的高度，同时显示下拉菜单。

4. 当用户在下拉菜单中切换页面时，通过swiper组件的change事件监听函数来更新当前显示的页面。

示例代码如下：

<scroll-view style="height: 100vh;" scroll-y="true" bindscroll="onScroll">
  <view style="height: 100px;">
    <swiper indicator-dots="false" current="{{current}}" bindchange="onSwiperChange">
      <swiper-item>
        <view>页面1</view>
      </swiper-item>
      <swiper-item>
        <view>页面2</view>
      </swiper-item>
      <swiper-item>
        <view>页面3</view>
      </swiper-item>
    </swiper>
  </view>
  <view style="height: 1000px;"></view>
</scroll-view>

onScroll: function(e) {
  if (e.detail.scrollTop >= 100) {
    this.setData({
      scrollTop: 100,
      showMenu: true
    })
  } else {
    this.setData({
      scrollTop: e.detail.scrollTop,
      showMenu: false
    })
  }
},

onSwiperChange: function(e) {
  this.setData({
    current: e.detail.current
  })
}