Conditional loading of script based on screen height/width.

[klummy]

Great work on scrollIt.

However, is it possible to conditionally load the script based on browser height/width? My design goes to hell at height = 550px & below and I would like to load the script for heights greater than that. Something like this:

<script type="text/javascript"> var currentHeight = window.outerHeight; $document.ready(function() { if (currentHeight > 550) { var body = document.getElementsByTagName("body"); //Find document var scroller = document.createElement("script");//Create <script> element scroller.src = "js/scrollIt.min.js"; //Set its src body.append(scroller); //Insert the script } }) </script>

However, as you may have guessed, my JS skills are pretty poor & I can't get this to work. You may also take a look at the site - ouroja.com - for a demonstration.

Thanks.

[markdieselcore]

$(function () {
    $(window).resize(function () {
        if ( $(window).width() > 550 ) {  // run the code

// ScrollIt
$(function(){
  $.scrollIt({
  easing: 'linear',      // the easing function for animation
  scrollTime: 600,       // how long (in ms) the animation takes
  activeClass: 'active', // class given to the active nav element
});
});

        }
    }).resize(); //call resize function 
});