React -获取组件相对于视口onScroll的位置，最好以百分比表示

constructor(props) {
  super(props);
  this.state = {
    scrollPosition: 0
  };
}

componentDidMount() {
  window.addEventListener('scroll', this.handleScroll);
}

componentWillUnmount() {
  window.removeEventListener('scroll', this.handleScroll);
}

handleScroll = () => {
  const scrollPosition = window.scrollY / (document.documentElement.scrollHeight - window.innerHeight) * 100;
  this.setState({ scrollPosition });
}

render() {
  const { scrollPosition } = this.state;
  return (
    <div>
      <p>组件相对于视口的位置：{scrollPosition.toFixed(2)}%</p>
      {/* 其他组件内容 */}
    </div>
  );
}