Utils and modules

_useful

Things that might come in handy again later.

adjustForScroll.js

/**
* Add a class when the page is scrolling.
* Typical use: disable hover effects during scroll for better performance.
* Uses the scroll event, so it's fired often and thus isn't ideal; should rewrite later.
*/

function adjustForScroll() {

  var $body = document.querySelector('body'),
  bufferTime = 300,
  scrollClass = 'scrolling',
  timer;

  window.addEventListener('scroll', function() {

    clearTimeout(timer);
    if(!$body.classList.contains(scrollClass) {{
      $body.classList.add(scrollClass);
    }
    timer = setTimeout( function(){
      $body.classList.remove(scrollClass);
    }, bufferTime);


  }, false);

}

animate.js

/**
 * Usage: animate(docElem, "scrollTop", "", currscrl, newscrl, 500, true) = scroll from currscrl to newscrl in 500s)
 */

function animate(elem,style,unit,from,to,time,prop) {
  if( !elem) return;
  
var start = new Date().getTime(),
  timer = setInterval(function() {
    var step = Math.min(1,(new Date().getTime()-start)/time);
    if (prop) {
      elem[style] = (from+step*(to-from))+unit;
    } else {
      elem.style[style] = (from+step*(to-from))+unit;
    }
    if( step == 1) clearInterval(timer);
  },25);
  elem.style[style] = from+unit;
}

extend.js

function extend( a, b ) {
	for( var key in b ) {
		if( b.hasOwnProperty( key ) ) {
			a[key] = b[key];
		}
	}
	return a;
}

getOffset.js

function getOffset( el ) {
	var offsetTop = 0, 
	    offsetLeft = 0;
	    
	do {
		if ( !isNaN( el.offsetTop ) ) {
			offsetTop += el.offsetTop;
		}
		if ( !isNaN( el.offsetLeft ) ) {
			offsetLeft += el.offsetLeft;
		}
	} while( el = el.offsetParent )

	return {
		top : offsetTop,
		left : offsetLeft
	}
	
}

getScrollPosition.js

function getScrollPosition() {
  if (document.documentElement.scrollTop === 0) {
    return document.body.scrollTop;
   } else {
    return document.documentElement.scrollTop;
  }
}

getViewportH.js

var docElem = window.document.documentElement;


	function getViewportH() {
		var client = docElem['clientHeight'],
			inner = window['innerHeight'];

		if( client < inner )
			return inner;
		else
			return client;
	}

inViewport.js

function inViewport( el, h ) {
	var elH = el.offsetHeight,
		scrolled = scrollY(),
		viewed = scrolled + getViewportH(),
		elTop = getOffset(el).top,
		elBottom = elTop + elH,
		// if 0, the element is considered in the viewport as soon as it enters.
		// if 1, the element is considered in the viewport only when it's fully inside
		// value in percentage (1 >= h >= 0)
		h = h || 1;

	return (elTop + elH * h) <= viewed && (elBottom - elH * h) >= scrolled;
}

scrollToTop.jquery.js

var $toTop = $('.scroll-to-top');

$toTop.on('click', function(e) {
  e.preventDefault();
  $("body, html").animate({
    scrollTop:0
  }, 700);
});

scrollToTop.js

var $toTop = document.getElementByID('scroll-to-top');

function scrollToTop() {
  /* coming soon */
}

scrollY.js

function scrollY() {
	return window.pageYOffset || docElem.scrollTop;
}