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