63 lines
No EOL
1.7 KiB
JavaScript
63 lines
No EOL
1.7 KiB
JavaScript
"use strict";
|
|
|
|
var remFactor = 16;
|
|
var verticalUnit = 1.3 * remFactor;
|
|
function toggleTab(data, tab) {
|
|
if (data.activeTab === tab) {
|
|
window.scrollTo({
|
|
top: 0,
|
|
behavior: "smooth"
|
|
});
|
|
setTimeout(function () {
|
|
data.isOpen = false;
|
|
data.activeTab = "";
|
|
}, 500);
|
|
} else {
|
|
data.activeTab = tab;
|
|
data.isOpen = true;
|
|
scrollToElem(".active-tab");
|
|
}
|
|
}
|
|
function scrollToElem(selector) {
|
|
document.querySelector(".active-tab").scrollTop = 0;
|
|
setTimeout(function () {
|
|
var yOffset = -7 * verticalUnit;
|
|
var elem = document.querySelector(selector);
|
|
var top = elem.getBoundingClientRect().top;
|
|
window.scrollTo({
|
|
top: top + window.scrollY + yOffset,
|
|
behavior: "smooth"
|
|
});
|
|
}, 100);
|
|
}
|
|
function setWindowHeightFactor() {
|
|
var windowHeight = window.innerHeight;
|
|
var min = 650;
|
|
var delta = windowHeight - min;
|
|
var factor = roundToNearestHalf(delta / 300) + 1;
|
|
var head = document.querySelector("head");
|
|
var style = document.createElement("style");
|
|
style.innerText = ":root { --window-height-factor:".concat(factor, " }");
|
|
head.appendChild(style);
|
|
}
|
|
function roundToNearestHalf(num) {
|
|
var round = Math.round(num * 2) / 2;
|
|
return Math.max(round, 0);
|
|
}
|
|
setWindowHeightFactor();
|
|
document.addEventListener("DOMContentLoaded", function () {
|
|
function toggleLogoState() {
|
|
var scrollY = window.scrollY || window.pageYOffset;
|
|
if (scrollY > 10) {
|
|
document.querySelector("#main-header").classList.add("minimized");
|
|
} else {
|
|
document.querySelector("#main-header").classList.remove("minimized");
|
|
}
|
|
}
|
|
window.window.scrollTo({
|
|
top: 0
|
|
});
|
|
window.addEventListener("scroll", function () {
|
|
toggleLogoState();
|
|
});
|
|
}); |