• 18-11-2021, 19:23:00
    #1
    Sayfa Scroll edildiğinde header'a active class'ını ekleyen bu koda ek olarak active eklendiği gibi başka bir class'a da ekleme yaptırmak istiyorum, nasıl yapabilirim?

    Sayfadaki "sticky-share" class'ının olduğu yere "sticky-share-offset" ekletmek istiyorum.

        var lastScroll = 0;
        var isScrolled = false;
        window.addEventListener("scroll", function () {
            var topHeader = document.querySelector(".header");
            var currentScroll =
                window.pageYOffset ||
                document.documentElement.scrollTop ||
                document.body.scrollTop ||
                0;
            var scrollDirection = currentScroll < lastScroll;
            var shouldToggle = isScrolled && scrollDirection;
            isScrolled = currentScroll > 65;
            topHeader.classList.toggle("active", shouldToggle);
            lastScroll = currentScroll;
        });
  • 18-11-2021, 19:27:19
    #2
    Şu şekilde yaptım içerik sayfalarında çalışıyor ancak sayfada sticky-share yoksa kod çalışmıyor.

        var lastScroll = 0;
        var isScrolled = false;
        window.addEventListener("scroll", function () {
            var topHeader = document.querySelector(".header");
            var topStickyShare = document.querySelector(".sticky-share");
            var currentScroll =
                window.pageYOffset ||
                document.documentElement.scrollTop ||
                document.body.scrollTop ||
                0;
            var scrollDirection = currentScroll < lastScroll;
            var shouldToggle = isScrolled && scrollDirection;
            isScrolled = currentScroll > 65;
            topHeader.classList.toggle("active", shouldToggle);
            topStickyShare.classList.toggle("sticky-share-offset", shouldToggle);
            lastScroll = currentScroll;
        });