Hi, someone can help me with a fixed position? I have two inline list and i want to fix the first when i scroll from the bottom. What i want to have is to fix the first inline list when the second inline list scroll down. The flow can be like the video, start to scroll with glide header animation a…

try this: <pre><span><style> div[id*='screenScrollView'] > div > :nth-child(1) { position:fixed !important; width:100% !important; } add a separator under the first list so it will not overlay the second list. Code BOOK - Desktop share cool CSS, scripts and links …

Thanks man! It works but when the header go up it fails. I have “Pure (dark)” theme. You can solve this? [photo.jpg] [photo(1).jpg]

do you need a header? you can turn it off, and let your first inline list be a header

yes, unfortunately i Need the Header for the inline search.

add your own search :wink: Click the link to the code book above, you will see how I did search and inline lists

This is not user friendly. I think to keep the inline list not fixed if there is no solution. Have you other idea? I would keep the header and fix the first list attached to the bottom-header.

Are you able to activa first the header animation? I can do the animation instantly and fix the list under the “animated” header.

If you can delete this animation and start directly with the small header it’s good. Boze · Glide - 4 May 2022 - Watch Video [image]

what animation? are you talking about top bar resizing? change the theme, that only happens on CHAT themes.

Fixed effect with Css

Ask for Help

Jeff_Hager May 4, 2022, 10:39pm 14

Topic		Replies	Views
I have 3 inline list Ask for Help	20	502	September 23, 2021
Static Overlay Images Feature Requests	17	1424	July 21, 2020
Table sticky header Feature Requests	9	282	January 9, 2025
Option for fixed position components Feature Requests	2	353	November 4, 2020
Freezing certain components Ask for Help	14	1330	March 26, 2022

Fixed effect with Css

Related topics