Team:CIEI-BJ/js/index

var header = $('header'); var range = 200;

$(window).on('scroll', function () {

 var scrollTop = $(this).scrollTop(),
     height = header.outerHeight(),
     offset = height / 2,
     calc = 1 - (scrollTop - offset + range) / range;

 header.css({ 'opacity': calc });

 if (calc > '1') {
   header.css({ 'opacity': 1 });
 } else if ( calc < '0' ) {
   header.css({ 'opacity': 0 });
 }
 

});

var theTogglea = document.getElementById('togglea');

// based on Todd Motto functions // https://toddmotto.com/labs/reusable-js/

// hasClass function hasClass(elem, className) {

   return new RegExp(' ' + className + ' ').test(' ' + elem.className + ' ');

} // addClass function addClass(elem, className) {

   if (!hasClass(elem, className)) {
       elem.className += ' ' + className;
   }

} // removeClass function removeClass(elem, className) {

   var newClass = ' ' + elem.className.replace( /[\t\r\n]/g, ' ') + ' ';
   if (hasClass(elem, className)) {
       while (newClass.indexOf(' ' + className + ' ') >= 0 ) {
           newClass = newClass.replace(' ' + className + ' ', ' ');
       }
       elem.className = newClass.replace(/^\s+|\s+$/g, );
   }

} // toggleClass function toggleaClass(elem, className) {

   var newClass = ' ' + elem.className.replace( /[\t\r\n]/g, " " ) + ' ';
   if (hasClass(elem, className)) {
       while (newClass.indexOf(" " + className + " ") >= 0 ) {
           newClass = newClass.replace( " " + className + " " , " " );
       }
       elem.className = newClass.replace(/^\s+|\s+$/g, );
   } else {
       elem.className += ' ' + className;
   }

} /* theTogglea.onclick = function() {

   toggleaClass(this, 'on');
   return false;

}

• /