PronotronIO Demo

PronotronIO uses a single flattened TypedArray to store and update the data of IO nodes. Iterating over the TypedArray enables low-level access to memory. The package is not tied to scroll events; with every PronotronIO.handleScroll() request, it iterates over the table and processes only the relevant events (scrolling-down: bottom-in, top-out; scrolling-up: bottom-out, top-in). It logically activates the corresponding listener states when a state change occurs.

Since the package is not coupled with scroll events, any scrolling logic (e.g., smooth scrolling) can be implemented. Unlike the built-in IntersectionObserver API, which may miss targets during fast scrolling, PronotronIO ensures reliable event detection.

Following demo executes scroll in RequestAnimationFrame and do not uses a throttle function which would utilized in the production. Performance can be tracked with stats. Y positions will be changed by screen orientation (landscape, portrait)