-
Notifications
You must be signed in to change notification settings - Fork 0
/
scripts.js
30 lines (26 loc) · 914 Bytes
/
scripts.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
// scripts.js
document.addEventListener('DOMContentLoaded', () => {
const sections = document.querySelectorAll('section');
let currentIndex = 0;
function showSection(index) {
sections.forEach((section, i) => {
section.style.transform = `translateY(${100 * (i - index)}vh)`;
});
}
showSection(currentIndex);
document.addEventListener('wheel', (event) => {
if (event.deltaY > 0) {
currentIndex = (currentIndex + 1) % sections.length;
} else {
currentIndex = (currentIndex - 1 + sections.length) % sections.length;
}
showSection(currentIndex);
});
document.querySelectorAll('nav ul li a').forEach((anchor, index) => {
anchor.addEventListener('click', (e) => {
e.preventDefault();
currentIndex = index;
showSection(currentIndex);
});
});
});