document.addEventListener('DOMContentLoaded', () => {
const scrollContainer = document.querySelector('.scroll-container');
const scrollContent = document.querySelector('.scroll-content');
const items = document.querySelectorAll('.scroll-item');
let currentIndex = 0;
// Создаем кнопки навигации
const prevButton = document.createElement('button');
prevButton.classList.add('scroll-nav', 'prev');
prevButton.innerHTML = '❮';
const nextButton = document.createElement('button');
nextButton.classList.add('scroll-nav', 'next');
nextButton.innerHTML = '❯';
// Функция для прокрутки к элементу
function scrollToItem(index) {
if (index < 0) return;
if (index >= items.length) return;
currentIndex = index;
const target = items[index];
scrollContainer.scroll({
left: target.offsetLeft - scrollContainer.offsetLeft,
behavior: 'smooth'
});
}
// Обработчики для кнопок
prevButton.addEventListener('click', () => {
currentIndex--;
scrollToItem(currentIndex);
});
nextButton.addEventListener('click
