jQuery responsive scripts (that fire only on specific window size)

    [javascript]
    $(document).ready(function($) {

    /* getting viewport width */
    var responsive_viewport = $(window).width();

    /* if is below 481px */
    if (responsive_viewport < 481) {

    } /* end smallest screen */

    /* if is larger than 481px */
    if (responsive_viewport > 481) {

    } /* end larger than 481px */

    /* if is above or equal to 768px */
    if (responsive_viewport >= 768) {

    }

    /* off the bat large screen actions */
    if (responsive_viewport > 1030) {

    }

    });
    [/javascript]

    Leave a Reply