College-project-clone/script.js at main · divyeshmodhvadiya/College-project-clone · GitHub

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
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
//! Active Navigation Link

const currentPage =
  window.location.pathname.split("/").pop() || "index.html";


document.querySelectorAll(".nav-links a").forEach((link) => {

  const linkPage =
    new URL(link.href).pathname.split("/").pop();


  if (currentPage === linkPage) {

    link.classList.add("active");

  } else {

    link.classList.remove("active");

  }

});


//! Navbar Glass Effect On Scroll

const navbar = document.querySelector(".navbar");


function navbarScroll() {

  if (window.scrollY > 30) {

    navbar.classList.add("scrolled");

  } else {

    navbar.classList.remove("scrolled");

  }

}


window.addEventListener("scroll", navbarScroll);


navbarScroll();


//! Mobile Menu Toggle

const menuToggle =
document.querySelector(".menu-toggle");


const navLinks =
document.querySelector(".nav-links");


if (menuToggle) {

  menuToggle.addEventListener("click", () => {

    navLinks.classList.toggle("active");

    menuToggle.classList.toggle("open");

  });

}


// Close menu after clicking link

document.querySelectorAll(".nav-links a").forEach((link) => {

  link.addEventListener("click", () => {

    navLinks.classList.remove("active");

    menuToggle.classList.remove("open");

  });

});