Hi, I have added a scale animation on my hero image on my landing page, and despite having overflow set as hidden on the parent div - it still creates a horizontal scroll. The issue is fixed if i add the overflow hidden setting to the body - however I have a sticky container further down the page …

Thanks both for your help. changing the width didn’t work however found a way to fix it by changing the font size so it wouldn’t overflow.

Overflow hidden issue with transformation

Design help Animations & Interactions

Eli11 (Eli Shmerler) August 8, 2019, 3:17pm 2

Looks like the horizontal scroll is caused by Cover Overview section and not by the
hero image.
Give the Cover Overview section a 100VW width and this should solve it.

Topic		Replies	Views
Using overflow hidden to constrain DIV visibility Product feedback	9	4806	July 24, 2019
Horizontal scrolling problem in browser (Hidden overflow) Animations & Interactions	5	3114	March 17, 2021
Horizontal scrolling / overflow problem Animations & Interactions	6	2546	September 3, 2018
Animation Overflowing? Should be an easy fix! Layout & Design	2	35	February 23, 2025
Page scrolling is getting stuck when setting overflow hidden to body General	10	20986	July 13, 2024

Overflow hidden issue with transformation

Related topics