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

Wulper Studio Library Components CMS

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.useScroll = void 0;
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
var _react = require("react");
var useScroll = exports.useScroll = function useScroll(px) {
  var _useState = (0, _react.useState)(false),
    _useState2 = (0, _slicedToArray2["default"])(_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);
    }
  };
  (0, _react.useEffect)(function () {
    window.addEventListener('scroll', handleScroll);
    return function () {
      window.removeEventListener('scroll', handleScroll);
    };
  }, []);
  return {
    scrolled: scrolled
  };
};