Back to projects
Vanilla JavaScript
Sticky Table of Contents with Scroll Highlight
An interactive documentation-style layout built with vanilla JavaScript, HTML, and CSS. The project features a sticky table of contents that highlights the section currently visible in the viewport and smoothly scrolls to sections when navigation links are clicked. It was built to practice DOM geometry with getBoundingClientRect(), scroll-based logic, scrollIntoView(), event delegation, dynamic class states, and smooth UX behavior.
HTML5CSS3JavaScriptgetBoundingClientRectscrollIntoViewDOMEventsScroll HighlightResponsive Design
