使用NextJs获取滚动条位置

npm install react-scroll

import { Element, scroller } from 'react-scroll';

const handleScroll = () => {
  const scrollPosition = window.scrollY;
  console.log('滚动条位置：', scrollPosition);
};

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

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

import { Element, scroller } from 'react-scroll';

class MyComponent extends React.Component {
  componentDidMount() {
    window.addEventListener('scroll', this.handleScroll);
  }

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

  handleScroll = () => {
    const scrollPosition = window.scrollY;
    console.log('滚动条位置：', scrollPosition);
  };

  render() {
    return (
      <div>
        {/* 组件内容 */}
      </div>
    );
  }
}

export default MyComponent;