diff --git a/static/pafcm.js b/static/pafcm.js
index e07fe0ecc38bc8bde178e0b35e6f1d8ba10e4324..f0f54f83b22f13cd4d84c0f9518585c0776e1c00 100644
--- a/static/pafcm.js
+++ b/static/pafcm.js
@@ -1,3 +1,22 @@
+const body = document.querySelector("body");
+const navbar = document.querySelector(".navbar");
+const menu = document.querySelector(".menu-list");
+const menuBtn = document.querySelector(".menu-btn");
+const cancelBtn = document.querySelector(".cancel-btn");
+menuBtn.onclick = ()=>{
+    menu.classList.add("active");
+    menuBtn.classList.add("hide");
+    body.classList.add("disabledScroll");
+}
+cancelBtn.onclick = ()=>{
+    menu.classList.remove("active");
+    menuBtn.classList.remove("hide");
+    body.classList.remove("disabledScroll");
+}
+window.onscroll = ()=>{
+    this.scrollY > 20 ? navbar.classList.add("sticky") : navbar.classList.remove("sticky");
+}
+
 
 
 const sections = document.querySelectorAll("section");