OXIESEC PANEL

	Name	Size	Modified	Perms
	📁 ..	-	08/21/2024 10:01:17 AM	rwxr-xr-x
	📄 script.js	1.12 KB	08/21/2024 10:01:17 AM	rw-r--r--

Editing: script.js

// Toggle mobile menu
document.querySelector('.menu-toggle').addEventListener('click', () => {
    document.querySelector('.nav-links').classList.toggle('active');
});

// features movable

const scrollContainer = document.querySelector('.hero-info');
const scrollAmount = 300; // Adjust this value as needed
const scrollInterval = 3000; // 3 seconds

let scrollDirection = 1; // 1 for right, -1 for left

function autoScroll() {
  const scrollWidth = scrollContainer.scrollWidth;
  const containerWidth = scrollContainer.clientWidth;
  const maxScrollLeft = scrollWidth - containerWidth;

if (scrollDirection === 1 && scrollContainer.scrollLeft >= maxScrollLeft) {
    // Change direction to left when reaching the end
    scrollDirection = -1;
  } else if (scrollDirection === -1 && scrollContainer.scrollLeft <= 0) {
    // Change direction to right when reaching the beginning
    scrollDirection = 1;
  }

scrollContainer.scrollBy({
    left: scrollAmount * scrollDirection,
    behavior: 'smooth'
  });
}

// Start automatic scrolling
setInterval(autoScroll, scrollInterval);

// chatbot script