使用Javascript和React检测DIV中的滚动位置

import React from 'react';
import ReactDOM from 'react-dom';

class ScrollDetection extends React.Component {
  handleScroll = () => {
    const div = ReactDOM.findDOMNode(this.refs.scrollDiv);
    const scrollTop = div.scrollTop;
    // 在这里可以根据滚动位置执行相应的操作
    console.log('滚动位置：', scrollTop);
  }

  render() {
    return (
      <div ref="scrollDiv" onScroll={this.handleScroll}>
        {/* 这里放置需要滚动的内容 */}
      </div>
    );
  }
}

ReactDOM.render(<ScrollDetection />, document.getElementById('root'));