Scroll-Activated Section Highlighting for One-Page Layouts

What problem does this address?

For websites using a single-page layout, it can sometimes be challenging for users to identify which section they are currently viewing—especially on long-scroll designs. This enhancement would detect the active section as the user scrolls and apply a visual effect such as a soft border glow, background animation, or elevation to that section. The effect would activate dynamically based on scroll position and deactivate as the section goes out of view.

What is your proposed solution?

a visual enhancement that highlights the currently viewed section on scroll, specifically designed for single-page websites using the Neve theme. This feature would add subtle yet engaging visual cues to improve user navigation and overall site interactivity.

Benefits:

Enhances user experience by providing clear visual context

Adds a layer of modern interactivity and polish to Neve-powered sites

Helps users stay oriented, especially on landing pages or portfolios

Aligns with Neve’s lightweight, flexible, and visually clean design philosophy

Suggested Features:

Customizer toggle to enable/disable the feature (Customizer > Layout > Page Sections)

Multiple effect options (e.g., glow, fade, pulse, shadow lift)

Smooth, performance-optimized transitions using IntersectionObserver

Compatibility with both light and dark themes

Will this feature require documentation? (Optional)

None

Start at Customizer > Layout > Page Sections and review how Neve handles single-page sections and frontend styling. Define the behavior for detecting the visible section, the available visual effects, light and dark themes, and the enable/disable control. Done means the selected section is highlighted during scrolling and the effect deactivates when it leaves view without harming performance.