检测react滚动到底部元素。scrollTop

import React, { useRef, useEffect } from 'react';

const ScrollDetector = () => {
  const containerRef = useRef(null);

  useEffect(() => {
    const container = containerRef.current;

    const handleScroll = () => {
      if (container.scrollTop + container.clientHeight === container.scrollHeight) {
        console.log('滚动到底部');
        // 执行滚动到底部后的操作
      }
    };

    container.addEventListener('scroll', handleScroll);

    return () => {
      container.removeEventListener('scroll', handleScroll);
    };
  }, []);

  return (
    <div ref={containerRef} style={{ height: '200px', overflow: 'auto' }}>
      {/* 滚动内容 */}
    </div>
  );
};

export default ScrollDetector;