Jump to content

Re-center user on accordion tab title, after dropdown

Recommended Posts

Hi,

I'm including a lot of information in accordion tabs, which is resulting in an unwanted problem, especially apparent on mobile. When a new accordion tab is selected, the page automatically scrolls in relationship to the amount of information in the tab–it's disorienting and often takes users to a completely unrelated part of the page (again, especially when there's a lot of content). Instead, I'd like the page to remain positioned wherever the user selects the tab, so they don't have to scroll back to the beginning of the tab. See video for example. I know this is complicated, because when one tab opens, another closes. There are multiple moving parts. I'm picturing like an anchor link style effect that automatically scrolls users back to the tab title when it's selected. Perhaps someone can think of a more clever way to achieve this, that is also friendly on the eyes. Thanks for your help!

 

Edited by VellumFisher
Description improvement
Link to comment
  • Replies 0
  • Views 1.1k
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.