Setting a default CSS scroll snap point
I am trying to implement a scrollable container using CSS scroll snap that defaults to a middle snap point, rather than to the snap point closest to a
I found in Chrome that if I initially rendered without a scroll snap on the first element, then it would snap to the next (middle) element.
Afterwards, I could go back and add the scroll snap point on the first element, so that the user can scroll to it.
Unfortunately, this doesn't work in Safari.
I have a reproduction put together here if anyone would like to help me noodle on it: https://codesandbox.io/p/devbox/773zkw
scrollTopI found in Chrome that if I initially rendered without a scroll snap on the first element, then it would snap to the next (middle) element.
Afterwards, I could go back and add the scroll snap point on the first element, so that the user can scroll to it.
Unfortunately, this doesn't work in Safari.
I have a reproduction put together here if anyone would like to help me noodle on it: https://codesandbox.io/p/devbox/773zkw
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.
36,263Members
Resources
Recent Announcements
Similar Threads
Was this page helpful?
