https://myrtex.ru/data/team/js/burger.js

1const BURGER = document.querySelector(".burger");
2const HEADER_MOBILE = document.querySelector(".header-nav_mobile");
3const HEADER_MOBILE_CENTER = document.querySelector(".burger-center");
4
5BURGER.addEventListener("click", () => {
6    HEADER_MOBILE.classList.toggle("active");
7    HEADER_MOBILE_CENTER.classList.toggle("burger-center_active");
8});
9
10
11(function () {
12	$(".myrtex .header-nav .header-nav__link").each(function () {
13	  if ($(this).attr("href") === document.location.pathname) {
14		$(this).addClass("active");
15	  }
16	});
17})();
18
19  
20(function () {
21  	const header = document.querySelector("header");
22	const pageDark = document.querySelector(".page-wrapper");
23	const pageLight = document.querySelector(".page-wrapper-light");
24
25  	function updateTextOnScroll() {
26		if (window.scrollY > 1) {
27			if (pageDark) {
28				header.style.cssText = `
29				background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), #02163B;
30				box-shadow: 0px 4px 10px rgba(12, 14, 45, 0.5);`;
31			}else{
32				header.style.cssText = `
33				background: #FAFAFA;
34				box-shadow: 0px 4px 10px rgba(12, 14, 45, 0.1);`;
35			}			
36		} else {
37			header.style.cssText = `background: transparent; box-shadow: none;`;
38		}
39  	}
40	updateTextOnScroll();
41	
42	window.addEventListener("scroll", () => {
43		updateTextOnScroll();
44	});
45})();