(Created page with "var header = $('header'); var range = 200; $(window).on('scroll', function () { var scrollTop = $(this).scrollTop(), height = header.outerHeight(), offset =...") |
WangYingkun (Talk | contribs) |
||
Line 56: | Line 56: | ||
} | } | ||
} | } | ||
− | + | /* | |
theTogglea.onclick = function() { | theTogglea.onclick = function() { | ||
toggleaClass(this, 'on'); | toggleaClass(this, 'on'); | ||
return false; | return false; | ||
} | } | ||
+ | */ |
Latest revision as of 08:31, 21 October 2017
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;
}
- /