1#@!#!123s

��JFIF�� 1#@!#!123s
: / www / wwwroot / nagalandsuperleague.co.in / js /
Filename : scroller.js
back
const matchesContainer = document.getElementById('matches-container');
const scrollLeftButton = document.getElementById('scroll-left');
const scrollRightButton = document.getElementById('scroll-right');

// Function to update button visibility based on scroll position
const updateButtonVisibility = () => {
  const scrollLeft = matchesContainer.scrollLeft;
  const maxScrollLeft = matchesContainer.scrollWidth - matchesContainer.clientWidth;

  // Show the left button if not at the far left
  if (scrollLeft > 0) {
    scrollLeftButton.style.display = 'block';
  } else {
    scrollLeftButton.style.display = 'none';
  }

  // Show the right button if not at the far right
  if (scrollLeft >= maxScrollLeft) {
    scrollRightButton.style.display = 'none';
  } else {
    scrollRightButton.style.display = 'block';
  }
};

// Event listeners for the left and right scroll buttons
scrollLeftButton.addEventListener('click', () => {
  matchesContainer.scrollBy({
    left: -200, // Scroll 200px to the left
    behavior: 'smooth',
  });

  // Check button visibility after the scroll animation completes
  setTimeout(updateButtonVisibility, 300); // Slight delay for smooth scrolling
});

scrollRightButton.addEventListener('click', () => {
  matchesContainer.scrollBy({
    left: 200, // Scroll 200px to the right
    behavior: 'smooth',
  });

  // Check button visibility after the scroll animation completes
  setTimeout(updateButtonVisibility, 300); // Slight delay for smooth scrolling
});

// Add an event listener to update button visibility on manual scroll
matchesContainer.addEventListener('scroll', updateButtonVisibility);

// Initial update to set button visibility
updateButtonVisibility();