taro 禁用滚动事件

禁止 Modal 蒙层下面的页面的内容跟随滚动

https://github.com/NervJS/taro/issues/3980

https://github.com/NervJS/taro/issues/2416

小程序 bug

Alipay iOS bug

???


    return (
      <View className={rootClass}
        onClick={this.closeModal}
        catchtouchmove={(e) => this.stopScrollEvent(`touch 1`, e)}
        onTouchMove={(e) => this.stopScrollEvent(`touch 1`, e)}
        onCatchTouchMove={(e) => this.stopScrollEvent(`catch touch 1`, e)}>
        <View className='sticky-modal-container'>
          {/* <View className='sticky-modal-head'>
            <Text className='sticky-modal-title'>{title}</Text>
            <Text className='sticky-modal-close'>{title}</Text>
          </View> */}
          <View className='sticky-modal-content'
             onClick={this.stopClickEvent} onTouchMove={(e) => this.stopScroll(`touch 2`, e)}
             onCatchTouchMove={(e) => this.stopScroll(`catch touch 2`, e)}>
             <TicketWrapper
                tickets={tickets}
              />
          </View>
          <View className='sticky-modal-close-box' onClick={this.closeModal}>
            <Text className='sticky-modal-close-btn'>⨉</Text>
          </View>
        </View>
      </View>
    )
  }

H5 / PC

https://segmentfault.com/a/1190000012313337

taro 禁用滚动事件

https://coderwall.com/p/w_likw/enable-disable-scrolling-in-iphone-ipad-s-safari

taro 禁用滚动事件