Hey guys, I wanted to ask your help with a problem I’m having with Safari. I will try to explain here in the sequence of GIFS. I’m creating a onepage site where some sections have * position sticky * and others have * position relative * with only heading with sticky position. in Chrome it works b…

@Francisco_J_dos_Sant I think I found your solution: Step 1: Disable Z Index on the Header Sections or Iner Divs [image] Step 2: Change inner sticky from ‘Sticky’ to ‘Fixed’ position [image] Step 3: Apply Section IX2 to toggle child class into sticky (fixed) position. [image] [image] W…

Problems with Position: sticky in Safari

Design help General

Francisco_J_dos_Sant (Francisco Jr) November 15, 2020, 2:38am 4

Ok
https://preview.webflow.com/preview/testesticky?utm_medium=preview_link&utm_source=designer&utm_content=testesticky&preview=27bd164bfc3211c32ecf48136aad6b7e&mode=preview

Topic		Replies	Views
Sticky Position issue/bug on Safari(mobile and web) General	14	5862	May 28, 2024
Safari Z-index Issues General	1	4644	June 9, 2021
Buggy Sticky element in Safari (Mobile and Desktop) Bugs	11	5837	August 31, 2020
Sticky Position functions incorrectly in Safari (but works fine in Chrome) General	0	877	July 29, 2020
Position sticky not working in Safari General	2	851	July 9, 2021

Problems with Position: sticky in Safari

Related topics