مقدار sticky برای ویژگی position به ما اجازه می‌دهد که عنصری را در زمان اسکرول بصورت ثابت در صفحه داشته باشیم.
موارد بحث شده در ویدیو
- همیشه نیاز به حداقل یکی از آفست‌های top, left, right, bottom می‌باشد.
- نگهدارنده عنصر چسبان باید ارتفاعی بزرگتر از ارتفاع آن داشته باشد تا چسبندگی قابل مشاهده باشد.
- چسبندگی می‌تواند از تمام لبه‌ها اتفاق بیافتد و همینطور می‌توان این افکت را در اسکرول‌های افقی نیز داشت.
- ویژگی overflow در مواردی می‌تواند قاتل چسبندگی باشد.
در مثال منوی چسبان نیازی به z-index برای فوتر نیست، و از آنجا که ویرایش ویدیو کاری بس دشوار می‌باشد، لذا آن قسمت را نادیده گرفته و بنده حقیر را برای دادن این سوتی گوهربار عفو بفرمایید :)
دموها
عنوان چسبان برای اسلایدر
See the Pen
Sticky caption for sliders by Mojtaba Seyedi (@seyedi)
on CodePen.
فوتر چسبان
See the Pen
Sticky Footer with Sticky Position by Mojtaba Seyedi (@seyedi)
on CodePen.
سلام پوزیشن استیکی عمل نمیکنه برای من ولی بقیه پوزیشن ها عمل میکنن