先上个大概代码，晚点有空记得的话补个demo。

componentDidMount() {
  this.visualViewport(true)
}

componentDidUpdate(prevProps) {
  const { isFocus: now } = this.props
  const { isFocus: prev } = prevProps
  // 苹果12及以下版本的兼容处理
  if (now !== prev && isiOS && !window.visualViewport) {
    now &&
      setTimeout(() => {
        this.scrollIntoView('audio-componet')
      }, 1000)
    !now && window.scrollTo(0, 0)
  }
}

componentWillUnmount() {
  this.visualViewport(false)
}

// 动态监听绑定or解绑
visualViewport(flag = true) {
  if (!isiOS) return
  const _visualViewport = window.visualViewport
  if (!_visualViewport) return
  if (flag) {
    _visualViewport.addEventListener('resize', this.setKeyBoardHeight)
    _visualViewport.addEventListener('scroll', this.setKeyBoardHeight)
  } else {
    _visualViewport.removeEventListener('resize', this.setKeyBoardHeight)
    _visualViewport.removeEventListener('scroll', this.setKeyBoardHeight)
  }
}

// 苹果13香计算底部按钮的位置
setKeyBoardHeight = e => {
  this.setState({
    _height: this.initialInnerHeight - e.target.height
  })
}

// 让底部按钮出现后，回到顶部
scrollIntoView(id) {
  if (this._lockRightScroll) return
  if (this.state._height) return
  const el = document.querySelector(`#${id}`)
  this._setTimeoutLock && clearTimeout(this._setTimeoutLock)
  this._lockRightScroll = true
  console.log('offsetTop', el.offsetTop)
  setTimeout(() => {
    window.scrollTo(0, el.getBoundingClientRect().top)
    this._setTimeoutLock = setTimeout(() => {
      this.setState({_height: Math.abs(this.getScrollTop())})
      window.scrollTo(0, 0)

      this._lockRightScroll = false
    }, 20)
  })
}

// 获取活动了的高度
getScrollTop() {
  let scroll_top = 0
  if (document.documentElement && document.documentElement.scrollTop) {
    scroll_top = document.documentElement.scrollTop
  } else if (document.body) {
    scroll_top = document.body.scrollTop
  }
  return scroll_top
}