כן! את יכולה להציג את התפריט העליון רק לאחר שגוללים באתר מספר פיקסלים מסוים.
ככה תגרמי לתפריט העליון של אלמנטור פרו להופיע רק לאחר גלילה (טמפלט “הדר”)
- פתחי את הטמפלט של ה”הדר”
- בחרי את האיזור של כל ההדר (כדי להוסיף אנימציית גלילה – את חייבת להכניס את כל ההדר באיזור אחד)
- במתקדם > אפקטי תנועה > בחרי Sticky > ומתוך הרשימה בחרי Top > כעת התפריט שלך ייצמד לחלק העליון של המסך בעת גלילה.
- באופציה של Sticky On > בחרי באילו מכשירים התפריט העליון ייצמד ללמעלה.
- באופציה של Effects Offset > בחרי כמה פיקסלים צריך לגלול מהעמוד כדי לגרום לתפריט להופיע
עדיין לא תראי שום שינוי, והתפריט יופיע כל הזמן.
כדי לגרום לתפריט להופיע רק לאחר גלילה, את צריכה להוסיף קצת קוד CSS
השלבים להוספת קוד CSS שיגרום לתפריט העליון של אלמנטור פרו להופיע רק לאחר גלילה
לתפריט שלך יש 2 מצבים:
מצב רגיל – לפני שגוללים את המסך
מצב לאחר גלילה – אחרי שגוללים את העמוד מספר פיקסלים מסויים
- במצב הרגיל של התפריט יש Class שנקרא elementor-sticky–active > תני לו שקיפות מלאה (opacity: 0) > והוסיפי לו אפקט מעבר יפה (transition). ככה:
.elementor-sticky--active{
opacity: 0 !important;
transition: all 0.3s ease !important;
}
- במצב לאחר גלילה יש Class שנקרא elementor-sticky–effects > תני לו אטימות מלאה (opacity: 1) > כך תגרמי שלאחר גלילה של מספר פיקסלים מסויים התפריט יופיע. והנה הקוד המתאים:
.elementor-sticky--effects{
opacity: 1 !important;
}
שימי לב שהאפקט יתחיל לך לאחר מספר הפיקסלים שהגדרת בגלילה (Effects Offset). את יכולה לנסות איך נראה האפקט באתר בלייב, ולפי זה לשנות את המספר.
תצליחי,
חגית
תגובה אחת
מושלם!
כרגיל :)