cbpAnimatedHeader.js 875 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. /**
  2. * cbpAnimatedHeader.js v1.0.0
  3. * http://www.codrops.com
  4. *
  5. * Licensed under the MIT license.
  6. * http://www.opensource.org/licenses/mit-license.php
  7. *
  8. * Copyright 2013, Codrops
  9. * http://www.codrops.com
  10. */
  11. var cbpAnimatedHeader = (function() {
  12. var docElem = document.documentElement,
  13. header = document.querySelector( '.navbar-default' ),
  14. didScroll = false,
  15. changeHeaderOn = 300;
  16. function init() {
  17. window.addEventListener( 'scroll', function( event ) {
  18. if( !didScroll ) {
  19. didScroll = true;
  20. setTimeout( scrollPage, 250 );
  21. }
  22. }, false );
  23. }
  24. function scrollPage() {
  25. var sy = scrollY();
  26. if ( sy >= changeHeaderOn ) {
  27. classie.add( header, 'navbar-shrink' );
  28. }
  29. else {
  30. classie.remove( header, 'navbar-shrink' );
  31. }
  32. didScroll = false;
  33. }
  34. function scrollY() {
  35. return window.pageYOffset || docElem.scrollTop;
  36. }
  37. init();
  38. })();