JavaScripting

The definitive source of the best
JavaScript libraries, frameworks, and plugins.


  • ×

    Breakpoints

    Trigger jQuery events for your responsive design breakpoints!
    Filed under 

    • 🔾21%Overall
    • 576
    • 275.6 days
    • 🕩90
    • 👥1

    Breakpoints.js

    Define breakpoints for your responsive design, and Breakpoints.js will fire custom events when the browser enters and/or exits that breakpoint.

    Get it from Github

    View Demo

    Created by XOXCO

    Instructions

    $(window).setBreakpoints({
    // use only largest available vs use all available
        distinct: true, 
    // array of widths in pixels where breakpoints
    // should be triggered
        breakpoints: [
            320,
            480,
            768,
            1024
        ] 
    });        
    
    $(window).bind('enterBreakpoint320',function() {
        ...
    });
    
    $(window).bind('exitBreakpoint320',function() {
        ...
    });
    
    $(window).bind('enterBreakpoint768',function() {
        ...
    });
    
    $(window).bind('exitBreakpoint768',function() {
        ...
    });
    
    
    $(window).bind('enterBreakpoint1024',function() {
        ...
    });
    
    $(window).bind('exitBreakpoint1024',function() {
        ...
    });
    
    Show All