بررسی مقدار Sticky در ویژگی Position

مقدار 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.