https://xeliter.com/front/js/app.js

1// Inicializar AOS
2
3// AOS.init();
4
5// HEADER SCROLL
6// ----------------------------------------------
7// Obtener el elemento header
8const header = document.querySelector('.navbar-main');
9
10// Definir la cantidad de scroll necesaria para agregar la clase (en pixels)
11const scrollThreshold = 200;
12
13// Función para manejar el evento scroll
14function handleScroll() {
15    if (window.scrollY > scrollThreshold) {
16        header.classList.add('scrolled');
17    } else {
18        header.classList.remove('scrolled');
19    }
20}
21
22// Agregar el event listener para el scroll
23window.addEventListener('scroll', handleScroll);
24
25// Opcional: Verificar el scroll inicial cuando se carga la página
26document.addEventListener('DOMContentLoaded', handleScroll);
27// ----------------------------------------------
28
29// SIDEBAR
30// ----------------------------------------------
31const sidebarToggleBtn = document.querySelector('.sidebar-toggle-btn');
32const sidebarCloseBtn = document.querySelector('.sidebar-close-btn');
33const sidebar = document.querySelector('.sidebar');
34const sidebar_overlay = document.querySelector('.sidebar-overlay');
35const body = document.body;
36
37function openMenu() {
38    sidebarToggleBtn.classList.add('active');
39    sidebar.classList.add('active');
40    sidebar_overlay.classList.add('active');
41    body.classList.add('menu-active');
42}
43
44function closeMenu() {
45    sidebarToggleBtn.classList.remove('active');
46    sidebar.classList.remove('active');
47    sidebar_overlay.classList.remove('active');
48    body.classList.remove('menu-active');
49}
50
51sidebarToggleBtn.addEventListener('click', openMenu);
52sidebarCloseBtn.addEventListener('click', closeMenu);
53sidebar_overlay.addEventListener('click', closeMenu);
54
55document.addEventListener('keydown', (e) => {
56    if (e.key === 'Escape' && sidebar.classList.contains('active')) {
57        closeMenu();
58    }
59});
60// ----------------------------------------------