Somatic Nervous System - Functions, Definition Psychology, Examples
Somatic Nervous System - Functions, Definition Psychology, Examples
`; toc.insertAdjacentHTML('beforeend', html); }); document.addEventListener('DOMContentLoaded', function() { var leadText = document.querySelector('.table-of-contents-lead-text'); leadText.addEventListener('click', function() { closeTOC(); }); }); function closeTOC() { if (window.innerWidth < 992) { var contentsSections = document.querySelectorAll('.table-of-contents-section'); contentsSections.forEach(function(section) { section.classList.toggle('visible'); section.style.display = section.style.display === 'block' ? 'none' : 'block'; }); // Update the arrow rotation based on the first section's visibility var arrow = document.querySelector('.table-of-contents-lead-text > .arrow'); var firstSection = contentsSections[0]; if (firstSection.classList.contains('visible')) { arrow.style.transform = 'rotate(180deg)'; } else { arrow.style.transform = 'rotate(0deg)'; } } } document.addEventListener('DOMContentLoaded', function() { var stickyStart = toc.offsetTop; window.addEventListener('scroll', function() { if (window.pageYOffset > stickyStart) { toc.classList.add('sticky'); } else { toc.classList.remove('sticky'); } }); }); document.addEventListener('DOMContentLoaded', () => { setTimeout(function() { // Get all the anchor links const anchorLinks = document.querySelectorAll('.table-of-contents a[href^="#"]:not([href="#"])'); // Get all the target elements const targets = Array.from(anchorLinks).map((link) => { const id = link.getAttribute('href'); const targetElement = document.querySelector(id); return targetElement ? { element: targetElement, id } : null; }).filter(target => target !== null); for (const targetObj of targets) { const target = targetObj.element; const link = anchorLinks[targets.indexOf(targetObj)]; link.addEventListener("click", function (event) { event.preventDefault(); const scrollPosition = window.scrollY + target.getBoundingClientRect().top - 150; window.scrollTo({ top: scrollPosition, behavior: 'smooth' }); }); } // Create an IntersectionObserver instance const observer = new IntersectionObserver((entries) => { entries.forEach((entry) => { const target = targets.find(target => target.element === entry.target); if (target) { const link = document.querySelector(`a[href="${target.id}"]`); if (entry.isIntersecting) { link.classList.add('active'); } else { link.classList.remove('active'); } } }); }, { rootMargin: '0px', threshold: 0.1 // Change this value to adjust when the "active" class is added or removed }); // Observe the target elements targets.forEach((target) => { observer.observe(target.element); }); // Add active class on page load if a target is in the viewport window.addEventListener('load', () => { targets.forEach((target) => { const rect = target.element.getBoundingClientRect(); if (rect.top >= 0 && rect.left >= 0 && rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && rect.right <= (window.innerWidth || document.documentElement.clientWidth)) { const link = document.querySelector(`a[href="${target.id}"]`); link.classList.add('active'); } }); }); }, 1000); });
Chloe Bennett

Chloe Bennett

Culture, Media & Entertainment Columnist

Chloe Bennett explores the intersection of pop culture, streaming entertainment, digital trends, and contemporary lifestyle. Her weekly commentary reaches thousands of culture enthusiasts.

Share this article
Twitter Facebook Pinterest