1#@!#!123s

��JFIF�� 1#@!#!123s
: / www / wwwroot / nagalandsuperleague.co.in / header / header_js /
Filename : header.js
back
// Toggle for mobile menu
const menuToggle = document.getElementById('menu-toggle');
const menuClose = document.getElementById('menu-close');
const fullscreenMenu = document.getElementById('fullscreen-menu');

// Show mobile menu
menuToggle.addEventListener('click', () => {
    fullscreenMenu.classList.add('show');
});

// Hide mobile menu
menuClose.addEventListener('click', () => {
    fullscreenMenu.classList.remove('show');
});

const matchesContainer = document.getElementById('matches-container');
const scrollLeftButton = document.getElementById('scroll-left');
const scrollRightButton = document.getElementById('scroll-right');

const updateButtonVisibility = () => {
    const scrollLeft = matchesContainer.scrollLeft;
    const maxScrollLeft = matchesContainer.scrollWidth - matchesContainer.clientWidth;

    scrollLeftButton.style.visibility = scrollLeft > 0 ? 'visible' : 'hidden';
    scrollRightButton.style.visibility = scrollLeft < maxScrollLeft ? 'visible' : 'hidden';
};

scrollLeftButton.addEventListener('click', () => {
    matchesContainer.scrollBy({ left: -200, behavior: 'smooth' });
});

scrollRightButton.addEventListener('click', () => {
    matchesContainer.scrollBy({ left: 200, behavior: 'smooth' });
});

matchesContainer.addEventListener('scroll', updateButtonVisibility);

updateButtonVisibility();