Streaming live at 10am (PST)

Expanding/collapsing block more nicely


#1

Link to project:
https://preview.webflow.com/preview/first-animations-project?preview=e29e7b929659db73027bf19c34ceb587

  1. Open the link above
  2. Hover over “MENY”
  3. Press HUVUDRÄTT
  4. Press on any of the appearing labels to expand/collapse block.

When you expand/collapse the block, you can see a scroll bar appearing (which also creates a small, annoying “jumping” effect) until the block has fully expanded and then disappears when fully open/closed. The same happens when you click it away.

Question: how can I structure it so that it visually looks and works the same way but without the scroll bar appearing and that “jump”?

EDIT: SOLVED! Playing with “Ease in/out” did the trick.