Parallax Scroll Snap
Open
Nobody has claimed this yet.
kind: request
- Dominant language
- TypeScript
- Stars
- 29.1k
- Forks
- 1.2k
- PR merge metrics
- No merged PRs in 30d
Description
🚀 Feature Proposal
Just like CSS Scroll Snap, but for react-spring's Parallax.
Because ParallaxLayers are position: absolute, CSS Scroll Snap can't work for them. Example here.
I'd like to propose that we perhaps follow the CSS Scroll Snap API and implement it for react-spring's Parallax.
Motivation
This would greatly help developer productivity. 😄
Example
<Parallax scrollSnapType="mandatory">
<ParallaxLayer scrollSnapAlign="start">...</ParallaxLayer>
</Parallax>
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by reviewing the Parallax and ParallaxLayer entry points and compare their behavior with the CSS Scroll Snap API. Determine how scrollSnapType and scrollSnapAlign should interact with the absolute-positioned layers, then define the expected snapping behavior and tests before implementing it.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- frontend
- Issue type
- Feature
- Difficulty
- 5/5
- Estimated time
- Over a week
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 25/100