DV8/GameExpo23
1
0
Fork 0
mirror of https://github.com/Fluffy-Bean/GameExpo23.git synced 2025-05-19 17:54:52 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix shitty JS

Browse source
This commit is contained in:
Michał Gdula 2023-05-17 23:29:42 +01:00
parent f9bd75e58d
commit b12de32a67
2 changed files with 11 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

15
DV8-Expo/website/static/js/nav.js
View file

@ -1,5 +1,6 @@
const defaultTitle = "DV8 Game Expo <span>2023</span>";
let prevTitle;
const spacing = 48; // The amount of pixels to offset the section by
let prevElement = null;
window.onscroll = () => {
scrollFunction();
@ -26,13 +27,13 @@ function checkSection() {
let sections = document.querySelectorAll("section");
// If we're at the top of the page, set the title to the default
if (window.pageYOffset < sections[0].offsetTop) {
if ((window.pageYOffset + spacing) < sections[0].offsetTop) {
// If we're already on the default title, don't do anything as it'll break the animation
if (prevTitle === defaultTitle) return;
if (prevElement === null) return;
navTitle.innerHTML = defaultTitle;
navTitle.style.animation = "title-change 0.2s ease-in-out";
prevTitle = defaultTitle;
prevElement = null;
// Remove the animation after it's done, so we can animate again
setTimeout(() => { navTitle.style.animation = ""; }, 200);
@ -48,13 +49,13 @@ function checkSection() {
// If the section is on the screen is:
// 1. The top of the section is above the top of the screen
// 2. The bottom of the section is below the bottom of the screen
if (window.pageYOffset >= top && window.pageYOffset < bottom) {
if ((window.pageYOffset + spacing) >= top && window.pageYOffset < (bottom - spacing)) {
// If we're already on the section, don't do anything as it'll break the animation
if (prevTitle === section.id) return;
if (prevElement === section) return;
navTitle.innerHTML = section.id;
navTitle.style.animation = "title-change 0.2s ease-in-out";
prevTitle = section.id;
prevElement = section;
// Remove the animation after it's done, so we can animate again
setTimeout(() => { navTitle.style.animation = ""; }, 200);