Conditional loading of script based on screen height/width.
klummy opened this issue · 1 comments
klummy commented
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 commented
$(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
});