需求描述：點擊van-dropdown-menu菜單，彈出彈窗之后頁面不可滾動，點擊關(guān)閉彈窗時，頁面恢復可滾動。

方案一： 打開彈窗時，給頁面page的style樣式加上overflow: 'hidden'，關(guān)閉彈窗時，去掉該樣式。（存在問題： 部分IOS機型無效）

具體操作：

<!-- wxml代碼 -->
<van-dropdown-menu>
	<van-dropdown-item id="orderType" bind:open="popupShow" bind:close="popupClose" value="{{ filter.orderType }}" options="{{ option1 }}" bind:change="changeFilter" data-type="orderType" />
</van-dropdown-menu>

// js代碼
// 打開彈窗
  popupShow(e) {
    wx.setPageStyle({
      style: {
        overflow: 'hidden'
      }
    })
  },
 // 關(guān)閉彈窗
  popupClose(e) {
    wx.setPageStyle({
      style: {
        overflow: ''
      }
    })
  }

方案二： 打開彈窗時，給最外層view的style樣式加上position: fixed或height: 100vh;overflow: hidden;，關(guān)閉彈窗時，去掉該樣式。（存在問題： position: fixed執(zhí)行之后，頁面會滾動到頂部且依然可以頁面下拉刷新）

<!-- wxml代碼 -->
<view style="{{ toFixed ? 'position: fixed' : ''}}" >
</view>

// js代碼
// 打開彈窗
  popupShow(e) {
    this.setData({
      toFixed: true
    })
  },
   // 關(guān)閉彈窗
  popupClose(e) {
    this.setData({
      toFixed: false
    })
  }

方案三： 最外層包裹一層scroll-view，打開或關(guān)閉彈窗時控制scroll-y。（存在問題： 未測IOS,諸君慎用）

<!-- wxml代碼 -->
<scroll-view scroll-y="{{toFixed}}">
</scroll-view>

// js代碼
data: {
    toFixed: true, // 默認可滾動
}
// 打開彈窗
  popupShow(e) {
    this.setData({
      toFixed: false
    })
  },
   // 關(guān)閉彈窗
  popupClose(e) {
    this.setData({
      toFixed: true
    })
  }

方案四： 將不需要滾動的元素外包裹一層view，添加catchtouchmove="return"事件，固定區(qū)域禁止?jié)L動。（存在問題： 暫未發(fā)現(xiàn)）

<view catchtouchmove="return">
</view>

// 不可下拉滾動
  return (e) {
    console.log("該區(qū)域不可滾動")
  },

補充：該方法比較就簡單粗暴，直接禁止?jié)L動，不管有無彈窗，需考慮適用場景。