Function ScrollToTop

src/components/ScrollToTop.jsx:5–44

()

import smoothscroll from "smoothscroll-polyfill";

const ScrollToTop = () => {
  const [scroll, setScroll] = useState(false);

  const scrollToTop = () => {
    window.scrollTo({
      top: 0,
      behavior: "smooth",
    });
  };

  useEffect(() => {
    smoothscroll.polyfill(); // Apply smoothscroll polyfill for older browsers
    const handleScroll = () => {
      let height = 580;
      const scrollCheck =
        document.documentElement.scrollTop ||
        document.body.scrollTop;
      if (scrollCheck > height) {
        setScroll(true);
      } else {
        setScroll(false);
      }
    };
    window.addEventListener("scroll", handleScroll);
    return () => {
      window.removeEventListener("scroll", handleScroll);
    };
  }, []);

  return (
    scroll && (
      <div
        className="fixed cursor-pointer bg-[#13161B] bottom-10 left-10 p-4 rounded-full shadow-lg text-white hover:bg-gradient-to-br from-[#FF008A] to-[#6100FF] transition duration-300 ease-in-out transform hover:-translate-y-1 hover:scale-110 hover:shadow-xl"
        onClick={scrollToTop}
      >
        <FiArrowUp size={28} />
      </div>
    )
  );
};

export default ScrollToTop;