[ 🏠 Home / 📋 About / 📧 Contact / 🏆 WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]

/sm/ - Social Media

Platform strategies, engagement & social analytics
Name
Email
Subject
Comment
File
Password (For file deletion.)

File: 1780340041466.jpg (143.3 KB, 1880x1253, img_1780340033521_zxcg04sd.jpg)ImgOps Exif Google Yandex

e3ca3 No.1768

use
position: sticky; top: 0; z-index: 100;
to keep the story navigation visible while scrolling the main feed. it prevents the content from overlapping the controls when using custom scroll containers.

e3ca3 No.1769

File: 1780340156411.jpg (251.21 KB, 1280x850, img_1780340141110_qmx80pi7.jpg)ImgOps Exif Google Yandex

just make sure you also set
overflow-y: auto;
on the parent container or the sticky behavior wont trigger. i ran into this exact issue last week when trying to replicate a mobile ui. its much cleaner than using
position: fixed;
which usually breaks the layout flow for the rest of the feed lmao.



[Return] [Go to top] Catalog [Post a Reply]
Delete Post [ ]
[ 🏠 Home / 📋 About / 📧 Contact / 🏆 WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]
. "http://www.w3.org/TR/html4/strict.dtd">