// Garante que o script só execute após o DOM estar completamente carregado document.addEventListener('DOMContentLoaded', function() { // Seleciona todos os links na página cujo href começa com '#' (links de âncora) document.querySelectorAll('a[href^="#"]').forEach(anchor => { // Adiciona um "ouvinte de evento" para o clique em cada link de âncora anchor.addEventListener('click', function (e) { // Obtém o ID do elemento alvo (remove o '#') const targetId = this.getAttribute('href').substring(1); // Encontra o elemento HTML com esse ID const targetElement = document.getElementById(targetId); // Se o elemento alvo existir na página if (targetElement) { e.preventDefault(); // Previne o comportamento padrão do link (o "pulo" brusco) // Realiza a rolagem suave até o elemento alvo targetElement.scrollIntoView({ behavior: 'smooth', // Define a rolagem como suave block: 'start' // Alinha o topo do elemento alvo com o topo da viewport }); // Opcional: Atualiza a URL no navegador com o hash (#id) sem causar um novo "pulo" // Isso é bom para que o usuário possa copiar a URL com a âncora if (history.pushState) { history.pushState(null, null, '#' + targetId); } else { // Fallback para navegadores mais antigos window.location.hash = '#' + targetId; } } }); }); });