I have an intro section that I would like to hide (and stay hidden) after scrolling out. The interaction itself works fine, but the lower sections will “jump” a full section once the interaction is triggered. In the published version below, the interaction works as intended if the page is manually …

A quick fix is to make your anchor go not 100% to the section but 1px off of it, so that the disappearance is not triggered. Users will scroll 100% after that making the ix work.

Hiding top section "jumps" lower sections

Design help Animations & Interactions

dram (Alex Dram) July 30, 2019, 2:42pm 4

It is because your ix has an offset of 1%. Set it to 0%

Topic		Replies	Views
Swich Content Section Interactions Animations & Interactions	1	485	March 14, 2023
Scroll to section is not going far enough and so my navbar colour change animation is off by 1% Animations & Interactions	0	405	January 13, 2023
Interaction not loading before page is scrolled Animations & Interactions	1	13	September 30, 2024
Hide/Show Navigation Selectively Works? IX2 Help General	14	975	May 3, 2018
Sticky Section Not Functioning on Published Site?!? Animations & Interactions	2	575	September 25, 2022

Hiding top section "jumps" lower sections

Related topics