跳转至

Reference: pudding

Source: https://pudding.cool/process/how-to-implement-scrollytelling/

Observation

The article distinguishes scroll-triggered changing graphics from scrolljacking; its example holds a graphic while text advances. Related guidance recommends CSS sticky and explicitly defined states when fast scrolling.

Application

Borrow: ordinary scrolling, stable visual states, and an independent mobile layout. Avoid scroll hijacking.

Evidence limits

Documented pattern, not measurement of a specific live animation; no durations or scrub values extracted.

No third-party code, images or footage was incorporated. A 1440×900 scroll recording and step screenshots were not collected for this reference; numerical timeline parameters are intentionally not inferred.