Navbar Menu Açık Kalıyor

Aşağı Git Tüm Forumlar Web Tasarım - Programlama Yazılım Geliştirme Java Navbar Menu Açık Kalıyor

Bu konudaki kullanıcılar: 1 misafir, 1 mobil kullanıcı

0
Cevap 485
Tıklama 0
Öne Çıkarma

1. sayfa

Navbar Menu Açık Kalıyor

Cevap Yaz

bolsoru

3 yıl

Yüzbaşı

Konu Sahibi

Sayfaya mobil üzerinden girdiğimde navbar menüm açık ve fonsiyonu yok :/ tıklasamda telefonun tozunu almaktan başka işe yaramıyor .
< Resime gitmek için tıklayın >

#________________________JS___________________#

menu.onclick = () =>{
menu.classList.toggle('fa-times');
navbar.classList.toggle('active');
}

let section = document.querySelectorAll('section');
let navLinks = document.querySelectorAll('header .navbar a');

window.onscroll = () =>{

menu.classList.remove('fa-times');
navbar.classList.remove('active');

section.forEach(sec =>{

let top = window.scrollY;
let height = sec.offsetHeight;
let offset = sec.offsetTop - 150;
let id = sec.getAttribute('id');

if(top >= offset && top < offset + height){
navLinks.forEach(links =>{
links.classList.remove('active');
document.querySelector('header .navbar a[href*='+id+']').classList.add('active');
});
};

});

}

document.querySelector('#search-icon').onclick = () =>{
document.querySelector('#search-form').classList.toggle('active');
}

document.querySelector('#close').onclick = () =>{
document.querySelector('#search-form').classList.remove('active');
}

var swiper = new Swiper(".home-slider", {
spaceBetween: 30,
centeredSlides: true,
autoplay: {
delay: 7500,
disableOnInteraction: false,
},
pagination: {
el: ".swiper-pagination",
clickable: true,
},
loop:true,
});

var swiper = new Swiper(".review-slider", {
spaceBetween: 20,
centeredSlides: true,
autoplay: {
delay: 7500,
disableOnInteraction: false,
},
loop:true,
breakpoints: {
0: {
slidesPerView: 1,
},
640: {
slidesPerView: 2,
},
768: {
slidesPerView: 2,
},
1024: {
slidesPerView: 3,
},
},
});

function loader(){
document.querySelector('.loader-container').classList.add('fade-out');
}

function fadeOut(){
setInterval(loader, 3000);
}

window.onload = fadeOut;

< Bu mesaj bu kişi tarafından değiştirildi bolsoru -- 15 Ağustos 2022; 0:15:57 >

< Bu ileti mobil sürüm kullanılarak atıldı >

Cevap Yaz

1. sayfa

Tüm Forumlar Web Tasarım - Programlama Yazılım Geliştirme Java Navbar Menu Açık Kalıyor