taro小程序中打开弹窗，禁止页面底部跟随滚动

需求

打开弹窗，在移动端滑动时候，底部页面随之滚动，不是我们要的，我们需要底部不动

分析

小程序和H5有一点区别， 没有dom，所以要查查小程序这边的方法。 h5方面的方面是

• 禁止body滚动（固定高度+overflow-hidden）
• touchmove事件

经过查询,有一个catchtouchmove，可以满足需求，然后在taro中并不支持该属性， ts报错，过不了！！！ 在翻阅taro的github时，查看issue评论时，看到

handleTouchMove = (e) => {
    e.preventDefault()
    e.stopPropagation()
  }

// jsx
<View className={classString} onTouchMove={this.handleTouchMove}>

能解决

解决

在ts项目中加入onTouchMove方法， 设置了阻止冒泡事件和默认事件解决了问题，也没有ts报错

总结

小程序的一些坑需要根据实际情况去解决，某些api并不能共用

参考 (opens new window)