Şimdi Ara

Navbar Menu Açık Kalıyor

Daha Fazla
Bu Konudaki Kullanıcılar: Daha Az
1 Misafir - 1 Masaüstü
5 sn
2
Cevap
0
Favori
355
Tıklama
Daha Fazla
İstatistik
  • Konu İstatistikleri Yükleniyor
0 oy
Öne Çıkar
Sayfa: 1
Giriş
Mesaj
  • Sayfaya mobil üzerinden girdiğimde navbar menüm açık ve fonsiyonu yok :/ tıklasamda telefonun tozunu almaktan başka işe yaramıyor .

    Navbar Menu Açık Kalıyor






    #________________________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ı >







  • 
Sayfa: 1
- x
Bildirim
mesajınız kopyalandı (ctrl+v) yapıştırmak istediğiniz yere yapıştırabilirsiniz.