Help with bringing the current element into center when overflow is set to Scroll

Hey Webflow fam,

I’m digitizing a book, and have created it’s chapters as a secondary navbar. Since it has a lot of items, I have set the overflow to scroll. But as I select various elements, the secondary navbar always shows elements from the beginning. I would like the secondary navbar to align based on the current item selected as the center.

I’m trying to create something similar to this page, (please view in mobile view so that overflow is active for secondary navbar) - Architecture | Bauhaus

Here’s the viewing link to my project - https://imagining-an-affordable-vancouver.webflow.io/sub-heading/a-secondary-street-network


Here is my public share link: **LINK**https://preview.webflow.com/preview/imagining-an-affordable-vancouver?utm_medium=preview_link&utm_source=designer&utm_content=imagining-an-affordable-vancouver&preview=58b364b92119e2949fcba7cb7e3f6071&pageId=5efd1ed9a3023275c30d0fdc&itemId=5f052b401a5e3044bdc8ba8c&mode=preview
(how to access public share link)