لماذا تتبع التمرير
تلغي كلفة العودة للأعلى (Pirolli & Card, 1999)، ويجب أن تكون صغيرة وواضحة (Laubheimer, 2021)، وقد تتقلص في التطبيقات (Google, n.d.).
كلفة الشاشة الصغيرة
المحتوى الظاهر أقل (Kim et al., 2015) والأعلى بعيد عن الإبهام (Fitts, 1954). أخفها عند النزول وأظهرها عند الصعود، وضع الوظائف المتكررة في التنقل السفلي.
الحجب وإمكانية الوصول
position: sticky (MDN, n.d.) مع scroll-padding-top، ووفق 2.4.11 و1.4.10 في WCAG 2.2، ومع المنطقة الآمنة.
الأسئلة الشائعة
- هل هي جيدة دائماً؟
- مفيدة في الصفحات الطويلة.
- الفرق بين sticky وfixed؟
- sticky تثبت عند عتبة، وfixed من البداية.
تاريخ مراجعة المصادر: 2026-10-26
المراجع
- Laubheimer, P. (2021, April 4). Sticky headers: 5 ways to make them better. Nielsen Norman Group. خمس طرق لتحسين الترويسة الثابتة.
- Google. (n.d.). Top app bar. Material Design 3. سلوك الشريط العلوي.
- MDN Web Docs. (n.d.). position. Mozilla. الفرق بين sticky وfixed.
- Kim, J., Thomas, P., Sankaranarayana, R., Gedeon, T., & Yoon, H.-J. (2015). Eye-tracking analysis of user behavior and performance in web search on large and small screens. Journal of the Association for Information Science and Technology, 66(3), 526–544. الشاشات الصغيرة تعرض أقل.
- Pirolli, P., & Card, S. (1999). Information foraging. Psychological Review, 106(4), 643–675. خفض تكلفة التنقل.
- Fitts, P. M. (1954). The information capacity of the human motor system in controlling the amplitude of movement. Journal of Experimental Psychology, 47(6), 381–391. الأزرار العلوية بعيدة عن الإبهام.
- World Wide Web Consortium. (2023). Web Content Accessibility Guidelines (WCAG) 2.2. المعياران 2.4.11 و1.4.10.