novicell-debounce

1.0.0 • Public • Published

Novicell Debounce

Simple function to debounce scroll and resize event

Usage

Written in pure Vanilla JS, it has no dependencies.

Install with npm

npm install novicell-debounce --save

Setup

In this example vendorPath is the path to your node_modules folder. First add the debouncer script in your vendor-bundle in your gulp/config.js-file:

scripts: [
    vendorPath + "novicell-cookie-info/js/novicell.cookieinfo.js"
    ...
]

Then make sure to include the js file in your HTML:

<script defer src="/dist/scripts/vendor.min.js"></script>

Example

Finally you need to use the debouncer. Create a function, and an eventlistener. Wrap your function in novicell.debounce and set a debounce delay.

function doStuff() {
    if (window.innerWidth > 750) {
        console.log('Screen is wider than 750 pixels');
    }
};
 
window.addEventListener('resize', novicell.debounce(doStuff, 250));

Package Sidebar

Install

npm i novicell-debounce

Weekly Downloads

79

Version

1.0.0

License

MIT

Last publish

Collaborators

  • dan9boi
  • emilras
  • heense
  • jhavmoeller
  • hotepp
  • emiank
  • ozzy1312
  • simoneldevig
  • emilostervig