.taro_router {
  overflow: hidden;
  & > div,
  .taro_page {
    height: inherit;
    overflow: auto;
  }
}

// 临时解决方案, 对原有逻辑侵入较小
import { isWeb } from '@/utils/tools';

let pageScrollFn = () => {};
let pageDOM: HTMLElement | null = null;
/**
 * 解决 H5 场景下页面滚动事件问题
 * @param id
 * @returns
 */
export default function wraper(id: string) {
  return function scroll<T extends { new (...args: any[]): {} }>(C: T) {
    return isWeb
      ? class Scroll extends C {
          constructor(...args) {
            super(...args);
          }
          componentDidMount() {
            const distance = 50;
            let isReachBottom = false;

            pageDOM = document.getElementById(id);

            if (!pageDOM) return C.prototype.componentDidMount.bind(this)();
            function getOffset() {
              if (!pageDOM) return 0;
              return (
                pageDOM.scrollHeight - pageDOM.scrollTop - pageDOM.clientHeight
              );
            }

            pageScrollFn = () => {
              if (!pageDOM) return;
              C.prototype.onPageScroll.bind(this)({
                scrollTop: pageDOM.scrollTop,
              });
              if (isReachBottom && getOffset() > distance) {
                isReachBottom = false;
              }
              if (!isReachBottom && getOffset() < distance) {
                isReachBottom = true;
                C.prototype.onReachBottom.bind(this)();
              }
            };
            pageDOM.addEventListener('scroll', pageScrollFn, false);
            C.prototype.componentDidMount.bind(this)();
          }
          componentWillUnmount() {
            if (!!pageDOM) {
              pageDOM.removeEventListener('scroll', pageScrollFn);
            }
            C.prototype.componentWillUnmount.bind(this)();
          }
        }
      : C;
  };
}

// 页面组件
@inject('store')
@observer
@scroll('/pages/shop/index')
export default class Page  extends Component {
    ...
    onPageScroll(){}
    onReachBottom(){}
}

// taro-component 源码
 toggleFullScreen = (isFullScreen = !this.isFullScreen) => {
    this.isFullScreen = isFullScreen
    this.controlsRef.toggleVisibility(true)
    this.fullScreenTimestamp = new Date().getTime()
    this.onFullScreenChange.emit({
      fullScreen: this.isFullScreen,
      direction: 'vertical'
    })
    if (this.isFullScreen && !document[screenFn.fullscreenElement]) {
      setTimeout(() => {
        this.videoRef[screenFn.requestFullscreen]({ navigationUI: 'show' })  // safair  this 指向的是 window
      }, 0)
    }
  }

  Taro CLI 3.2.9 environment info:
    System:
      OS: macOS 11.3
      Shell: 5.8 - /bin/zsh
    Binaries:
      Node: 12.18.0 - ~/.nvm/versions/node/v12.18.0/bin/node
      Yarn: 1.7.0 - /usr/local/bin/yarn
      npm: 6.14.4 - ~/.nvm/versions/node/v12.18.0/bin/npm
    npmPackages:
      @tarojs/cli: 3.2.9 => 3.2.9 
      @tarojs/components: 3.2.9 => 3.2.9 
      @tarojs/mini-runner: 3.2.9 => 3.2.9 
      @tarojs/react: 3.2.9 => 3.2.9 
      @tarojs/runtime: 3.2.9 => 3.2.9 
      @tarojs/taro: 3.2.9 => 3.2.9 
      @tarojs/webpack-runner: 3.2.9 => 3.2.9 
      babel-preset-taro: 3.2.9 => 3.2.9 
      eslint-config-taro: 3.2.9 => 3.2.9 
      react: ^17.0.0 => 17.0.2