From 6ef144b4f35a5469e1d1c226a7ae511fc480ef1d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Alen=20Kolari=C4=87?= Date: Fri, 17 Mar 2023 13:13:37 +0100 Subject: [PATCH] added header active class on scroll --- wp-content/themes/kolarix-biztime/js/theme.js | 13 +++++++++++++ 1 file changed, 13 insertions(+) diff --git a/wp-content/themes/kolarix-biztime/js/theme.js b/wp-content/themes/kolarix-biztime/js/theme.js index 5d70373..284a302 100644 --- a/wp-content/themes/kolarix-biztime/js/theme.js +++ b/wp-content/themes/kolarix-biztime/js/theme.js @@ -1,6 +1,19 @@ (function( $ ) { 'use strict'; + // Active header on scroll (970 Design - task 3) + const header = $('.header'); + + $(window).scroll(function() { + let scroll = window.pageYOffset; + + if (scroll > 100) { + header.addClass('active'); + } else { + header.removeClass('active'); + } + }); + // Mobile navigation toggle $(document).ready(function($) { let toggleMobileNav = function() {