-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
52 lines (42 loc) · 1.47 KB
/
script.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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
document.addEventListener("DOMContentLoaded", ()=>{
showSection(document.getElementById("home"));
window.onscroll = ()=>{
let distanceScrolled = window.scrollY;
let arrowBtn = document.getElementById("arrow")
if (distanceScrolled>10)
{
arrowBtn.style.visibility = "visible";
}
else{
arrowBtn.style.visibility = "hidden";
}
// console.log(distanceScrolled)
};
function showSection(section){
const sections = document.getElementsByClassName("section");
Array.from(sections).forEach((section)=>{
section.style.display = "none";
});
section.style.display = "block";
// location.reload()
};
const links = document.getElementsByClassName("nav-link");
Array.from(links).forEach((nav)=>
{
let section = nav.dataset.section;
nav.addEventListener("click", ()=>
{
// history.pushState({section: section}, "", `section${section}`);
showSection(document.getElementById(section));
Array.from(links).forEach((link)=>{
if (link!==nav)
{
link.classList.remove("active");
};
});
nav.classList.add("active");
});
})
// alert("Still under development!")
// document.getElementById("experience").style.display = "block";
});