Initial page based on Agency by http://startbootstrap.com
This commit is contained in:
commit
838774e06d
84 changed files with 8146 additions and 0 deletions
44
js/cbpAnimatedHeader.js
Normal file
44
js/cbpAnimatedHeader.js
Normal file
|
|
@ -0,0 +1,44 @@
|
|||
/**
|
||||
* cbpAnimatedHeader.js v1.0.0
|
||||
* http://www.codrops.com
|
||||
*
|
||||
* Licensed under the MIT license.
|
||||
* http://www.opensource.org/licenses/mit-license.php
|
||||
*
|
||||
* Copyright 2013, Codrops
|
||||
* http://www.codrops.com
|
||||
*/
|
||||
var cbpAnimatedHeader = (function() {
|
||||
|
||||
var docElem = document.documentElement,
|
||||
header = document.querySelector( '.navbar-fixed-top' ),
|
||||
didScroll = false,
|
||||
changeHeaderOn = 300;
|
||||
|
||||
function init() {
|
||||
window.addEventListener( 'scroll', function( event ) {
|
||||
if( !didScroll ) {
|
||||
didScroll = true;
|
||||
setTimeout( scrollPage, 250 );
|
||||
}
|
||||
}, false );
|
||||
}
|
||||
|
||||
function scrollPage() {
|
||||
var sy = scrollY();
|
||||
if ( sy >= changeHeaderOn ) {
|
||||
classie.add( header, 'navbar-shrink' );
|
||||
}
|
||||
else {
|
||||
classie.remove( header, 'navbar-shrink' );
|
||||
}
|
||||
didScroll = false;
|
||||
}
|
||||
|
||||
function scrollY() {
|
||||
return window.pageYOffset || docElem.scrollTop;
|
||||
}
|
||||
|
||||
init();
|
||||
|
||||
})();
|
||||
Loading…
Add table
Add a link
Reference in a new issue