@wulperstudio/cms/modern/hooks/useScroll.js

Wulper Studio Library Components CMS

import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
import { useEffect, useState } from 'react';
export var useScroll = function useScroll(px) {
  var _useState = useState(false),
    _useState2 = _slicedToArray(_useState, 2),
    scrolled = _useState2[0],
    setScrolled = _useState2[1];
  var handleScroll = function handleScroll() {
    var offset = window.scrollY;
    if (offset > (px != null ? px : 0)) {
      setScrolled(true);
    } else {
      setScrolled(false);
    }
  };
  useEffect(function () {
    window.addEventListener('scroll', handleScroll);
    return function () {
      window.removeEventListener('scroll', handleScroll);
    };
  }, []);
  return {
    scrolled: scrolled
  };
};