react移动端webview弹窗滚动禁止body,html滚动



  constructor() {
    
    
    super();
    this.scrollPosition;
  }
  setScrollTop = () => {
    
    
    this.scrollPosition =
      document.documentElement.scrollTop || document.body.scrollTop;
  };
  scrollTo = scrollPosition => {
    
    
    window.scrollTo(0, scrollPosition);
  };
//当弹窗打开调佣setScrollHidden(true)方法,关闭传false
  setScrollHidden = value => {
    
    
    //是否禁止页面滚动
    if (value) {
    
    
      this.setScrollTop();
      document.body.style.position = 'fixed';
    } else {
    
    
      document.body.style.position = 'initial';
      this.scrollTo(this.scrollPosition);
      this.scrollPosition = 0;
    }
  };


猜你喜欢

转载自blog.csdn.net/qq_26889291/article/details/119673783