شرح صفوف ومحتوى الفقرة
خاصية position مع القيمة sticky في لغة CSS تتحكم في وضعية العنصر بناء علي تحريك scroll الصفحة من قبل المستخدم وضعية العنصر في الوضع الطبيعي سوف تكون relative وتتحول بعد ذلك إلي fixed.
معلومات حول خاصية position مع القيمة sticky:
- العنصر الذي تم تطبيق عليه خاصية position مع القيمة sticky يتم وضعة بناء علي سحب scroll من قبل المستخدم.
- يتم تبديل العنصر الذي تم تطبيق عليه خاصية position مع القيمة sticky بين relative وبين fixed بناء علي حركة scroll لأعلي ولأسفل.
- العنصر الذي تم تطبيق عليه خاصية position مع القيمة sticky هو relative حتي يتم تحريكة من موضع scroll الطبيعي.
CSS Position sticky
خاصية position في لغة CSS.
HTML
.sticky
{
position: -webkit-sticky;
position: sticky;
top: 0;
padding: 5px;
background-color: #48dbfb;
border: 2px solid blue;
color:blue;
}