Breakpoints.js
Define breakpoints for one or multiple targets on your page, and Breakpoints.js will fire custom events on the targets when their size enters and/or exits a specific breakpoint.
Breakpoints.js Demo
Usage
Installation
npm install breakpoints.js
Initialize
var breakpoints = new Breakpoints('body', {
breakpoints: [320, 480, 768, 1024],
distinct: true,
interval: 250
});
Destroy
var breakpoints = $('body').data('breakpoints');
breakpoints.destroy()
Events
$('body').on('enterBreakpoint320', function() {
...
});
$('body').on('exitBreakpoint320', function() {
...
});