52 lines
1.3 KiB
JavaScript
52 lines
1.3 KiB
JavaScript
const remFactor = 16;
|
|
const verticalUnit = 1.3 * remFactor;
|
|
|
|
function toggleTab(data, tab) {
|
|
if (data.activeTab === tab) {
|
|
scrollToElem("body");
|
|
setTimeout(() => {
|
|
data.activeTab = "";
|
|
data.isOpen = false;
|
|
}, 200);
|
|
} else {
|
|
data.activeTab = tab;
|
|
data.isOpen = true;
|
|
scrollToElem(".active-tab");
|
|
}
|
|
}
|
|
|
|
function scrollToElem(selector) {
|
|
document.querySelector(".active-tab").scrollTop = 0;
|
|
setTimeout(() => {
|
|
const yOffset = -7 * verticalUnit;
|
|
const elem = document.querySelector(selector);
|
|
const top = elem.getBoundingClientRect().top;
|
|
window.scrollTo({
|
|
top: top + window.scrollY + yOffset,
|
|
behavior: "smooth",
|
|
});
|
|
}, 100);
|
|
}
|
|
|
|
document.addEventListener("DOMContentLoaded", () => {
|
|
function toggleLogoState() {
|
|
const scrollY = window.scrollY || window.pageYOffset;
|
|
|
|
if (scrollY > 10) {
|
|
document.querySelector("#main-header").classList.add("minimized");
|
|
} else {
|
|
document.querySelector("#main-header").classList.remove("minimized");
|
|
}
|
|
}
|
|
|
|
window.addEventListener("scroll", () => {
|
|
toggleLogoState();
|
|
});
|
|
|
|
if (
|
|
navigator.userAgent.toLowerCase().includes("safari") &&
|
|
window.innerWidth < 800
|
|
) {
|
|
document.querySelector("#tabs").classList.add("safari");
|
|
}
|
|
});
|