Hey community! hope you’re all doing good!
I’m building a website for a restaurant and I’m wondering on how to do a specific behavior on the Menu Page. I’ll try to explain here and will also leave some examples below.
Please, let’s use the mobile view for this.
On the Menu Page, I’ve created a horizontal scrolling bar for the categories, so the user can easily choose the category he wants to see, so far so good… The behavior that I’m trying to do and also to be better user experience is, when the user scrolls on the Menu Page and is on a specific category on his viewport the category bar is suppose to have that same category centralized.
Here is some examples…
What I want to do:
My current UI:
Here is my public share link: Webflow - Illa Mare