ReactJS -检测出现垂直滚动的时间

import React, { useState } from 'react';

const ScrollableComponent = () => {
  const [isScrolled, setIsScrolled] = useState(false);

  const handleScroll = () => {
    const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
    setIsScrolled(scrollTop > 0);
  };

  React.useEffect(() => {
    window.addEventListener('scroll', handleScroll);
    return () => {
      window.removeEventListener('scroll', handleScroll);
    };
  }, []);

  return (
    <div>
      {isScrolled ? '垂直滚动已出现' : '垂直滚动未出现'}
      {/* 其他组件内容 */}
    </div>
  );
};

export default ScrollableComponent;