version before img-change

This commit is contained in:
silas
2020-12-04 15:08:50 +01:00
parent 1eb4f908a4
commit f0a46aaae6
11 changed files with 271 additions and 112 deletions

View File

@@ -35,7 +35,7 @@ const callbacks = {
const navBar = document.querySelector(".top-bar");
const anchors = document.querySelectorAll(".anchor");
const margin = navBar.clientHeight+50;
const margin = navBar.clientHeight + 50;
const observerDown = new IntersectionObserver(entries => {
entries.some(entry => {
@@ -60,7 +60,7 @@ const callbacks = {
document.querySelector("#info-image-container + .site-content").addEventListener("scroll", e => {
clearTimeout(scrollTimeout);
scrollTimeout = setTimeout(() =>{
scrollTimeout = setTimeout(() => {
scrollTimeout = null;
infoImageContainer.dataset["state"] = state;
scrollToView = false;
@@ -76,6 +76,7 @@ $(document).foundation();
$(function () {
const container = document.getElementById("main-content");
const img = document.getElementById("home-img-container");
const navbar = document.getElementById("main-menu");
let currentSite = "home";
@@ -83,11 +84,11 @@ $(function () {
container.innerHTML = templates.home;
document.querySelectorAll(".menu li[data-site]").forEach((elem: HTMLElement) => {
elem.addEventListener("click", () => {
const oldActive = document.querySelector(".menu .active");
if (oldActive) {
oldActive.classList.remove("active");
}
elem.classList.add("active");
const oldActive = document.querySelectorAll(".menu .active");
oldActive.forEach(elem => elem.classList.remove("active"));
const nowActive = document.querySelectorAll(".menu li[data-site='" + elem.dataset["site"] + "']");
nowActive.forEach(elem => elem.classList.add("active"));
container.innerHTML = templates[elem.dataset["site"]];
if (elem.dataset["img"] === "1") {