started fixed header, fixed anchor links with fixed header
This commit is contained in:
@@ -25,5 +25,29 @@
|
||||
});
|
||||
};
|
||||
|
||||
function init(){
|
||||
console.log('Clameurs Theme');
|
||||
initHeaderAnime();
|
||||
};
|
||||
|
||||
function initHeaderAnime(){
|
||||
var $header = $('#header a'),
|
||||
header_height = $header.height(),
|
||||
$slogan = $('#header h2'),
|
||||
fontsize = parseInt($slogan.css('font-size')), tmpfs,
|
||||
scrolltop;
|
||||
|
||||
console.log('font-size', fontsize);
|
||||
|
||||
$(window).on('scroll', function(event) {
|
||||
scrolltop = $(this).scrollTop() * .5;
|
||||
console.log('scrolltop', scrolltop);
|
||||
$header.height(header_height-scrolltop > 90 ? header_height-scrolltop : 90);
|
||||
tmpfs = (300 - (scrolltop < 100 ? scrolltop : 100)) / 300 * fontsize;
|
||||
$slogan.css('font-size', tmpfs+"px");
|
||||
});
|
||||
};
|
||||
|
||||
init();
|
||||
|
||||
})(jQuery);
|
||||
|
||||
Reference in New Issue
Block a user