Bug: Demo: Scroll stuck issue on demo page - intermittent, prevents returning to top

[mkh-user]

Summary

On the demo page, there is a scroll-related bug. When scrolling down the page, sometimes the browser/user cannot scroll back to the top. The page forces the scroll position back down to the current section, creating an infinite loop or "sticky scroll" effect.

This happens on both mobile and desktop devices.

Important note: The issue is temporary / intermittent. After several attempts of trying to scroll up, it eventually works fine — but the experience is frustrating and confusing for users.

Steps to Reproduce

1. Open the demo page.
2. Scroll down to the middle or bottom of the page.
3. Try to scroll back up to the top (using mouse wheel, trackpad, or touch).
4. Observe that the page either:
   • Jumps back down immediately, or
   • Prevents scrolling upward past a certain point.
5. Keep trying to scroll up — after several attempts, scrolling up suddenly starts working as expected.

Expected Behavior

The user should be able to scroll freely up and down the entire page at all times, without any forced scroll position changes or delays.

Actual Behavior

Scrolling upward is sometimes prevented or reverted. Only after multiple attempts does it finally allow scrolling to the top.

Environment

• Device: Mobile (Android) & Desktop (Windows)
• Browsers tested: Chrome, Edge, Opera Touch

Additional Context

This might be related to:

• A smooth scroll script
• An intersection observer locking scroll behavior temporarily
• A CSS overflow or position: sticky conflict
• A JavaScript event listener that overrides native scroll during certain scroll states
• Performance drop because of heavy DOM actions during user scroll

[mkh-user]

Seems to be because of scroll telemetry overhead, so moved after #6, will be tested later and closed as duplicate / completed if related.