Hide/show animation + in-page-linking

hi guys
so my problem here is that i set 3 individual interactions for 3 different button-section connection:

click on button 1 shows section 1
+scrolls down to this specific section through in-page-link

click on button 2 shows section 2
+scrolls down to this specific section through in-page-link

click on button 3 shows section 3
+scrolls down to this specific section through in-page-link

very straight forward but I have 1 problem:

sometimes when I click on the button, the section appears BUT instead of scrolling down to this section, the page scrolls up to the top. i guess this could be, because the initial state of the section is “hide” so it depends on whether the section first loads or the interaction. this is just my speculation but here i need your advise…

edit:
okay tried it again and i think this problem is primarly on desktop. seldom on mobile.

i attached my read-only-link. scroll down to the “auswahl-section” and try to click on one of the buttons in the boxes.

thank you :slight_smile:


Here is my site Read-Only:

https://preview.webflow.com/preview/deskflow?utm_source=deskflow&preview=61cf28071d56d707fe2b3c027d33478d&mode=preview

haha it’s too weird?

Hey, I just faced the same problem, did you found the solution?

no unfortunately not. i just stopped this concept and tried something else.