51 lines
1.3 KiB
JavaScript
51 lines
1.3 KiB
JavaScript
var header = (function() {
|
|
|
|
var _bind = function() {
|
|
window.addEventListener("resize", function(event) {
|
|
render();
|
|
}, false);
|
|
window.addEventListener("scroll", function(event) {
|
|
_addHeaderBackground();
|
|
}, false);
|
|
helper.eA(".container").forEach(function(arrayItem, index) {
|
|
arrayItem.addEventListener("transitionend", function() {
|
|
render();
|
|
}, false);
|
|
});
|
|
};
|
|
|
|
var _addHeaderBackground = function() {
|
|
var html = helper.e("html");
|
|
var header = helper.e(".header");
|
|
var scrollPosition = document.documentElement.scrollTop;
|
|
var fontSize = parseInt(getComputedStyle(html).fontSize, 10);
|
|
if (scrollPosition > (fontSize * 2)) {
|
|
helper.addClass(header, "header-background");
|
|
} else {
|
|
helper.removeClass(header, "header-background");
|
|
};
|
|
};
|
|
|
|
var render = function() {
|
|
var html = helper.e("html");
|
|
var header = helper.e(".header");
|
|
var link = helper.e(".link");
|
|
var height = parseInt(getComputedStyle(header).height, 10);
|
|
// var fontSize = parseInt(getComputedStyle(html).fontSize, 10);
|
|
// link.style.marginTop = (height + fontSize) + "px";
|
|
link.style.marginTop = height + "px";
|
|
};
|
|
|
|
var init = function() {
|
|
_bind();
|
|
render();
|
|
};
|
|
|
|
// exposed methods
|
|
return {
|
|
init: init,
|
|
render: render
|
|
};
|
|
|
|
})();
|