Tab change coding help

Design help General
1

Hi,
I’ve successfully implemented tab change functionality into my site.

Below u can see I have it on two sites and included dummy buttons below to play around by moving to and from sites.

Link 1 : https://thestacksats.webflow.io/account/membership
Link 2 : https://thestacksats.webflow.io/account/subscription

But the problem which I have is the page is scrolled directly to the tab without showing the above content.

Pic 1 : what I wanted after button click :

1624244252615839333840922508476
16242442526158393338409225084764160×1872 1.43 MB

Pic 2: what I get after button clicked

16242443051164439701731265353413
162424430511644397017312653534134160×1872 2.24 MB

You can see the “Fill up the form details to star reading is moved up”. But I want it to be shown.

The code I used is

16242444418317510846882466302670
162424444183175108468824663026704160×1872 1.52 MB

How to solve this so that the page starts from the top?

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2

We ran into a similar issue doing some work for a customer and found a fix.

This tutorial video below talks about “sticky tabs”, but also discusses how to offset the scroll using a custom attribute.

If you have any questions feel free to tag me!

Happy Wednesday!