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!
accordion.mp4