Mastodawn

RE: https://front-end.social/@kizu/116249638187014906

Maybe I'll write one day a proper post about those, but — shared a very quick demo of 2 concepts:

1. Animating scroll position by animating the position of the scroll-snapped element.

2. Accessing the element’s size without containment via an absolutely stretched container.

The first concept has issues in Firefox (snapping stops on many interactions), but the second one is pretty simple and often very useful.

Show thread

Ollie Boermans

@kizu I bumped into the Firefox scroll snap laziness recently. Worked beautifully (even respecting smooth scrolling) until I touched the scroll bar. Once the scroll position was altered with an interaction Firefox ignored scroll snap changes.

Workaround was a scrollend listener to set the current position. 🙃

Yet to figure out a way to make Chrome animate the scroll snap changes though.