ימים
שעות
דקות
שניות
הזדרזי! המבצע בתוקף עד 04.04.2024

איך אפשר לגרום לתפריט העליון (header) באתר להופיע רק לאחר גלילה? יש אפשרות לבצע את האנימציה רק עם אלמנטור פרו?

כן! את יכולה להציג את התפריט העליון רק לאחר שגוללים באתר מספר פיקסלים מסוים.

ככה תגרמי לתפריט העליון של אלמנטור פרו להופיע רק לאחר גלילה (טמפלט “הדר”)

  1. פתחי את הטמפלט של ה”הדר”
  2. בחרי את האיזור של כל ההדר (כדי להוסיף אנימציית גלילה – את חייבת להכניס את כל ההדר באיזור אחד)
  3. במתקדם > אפקטי תנועה > בחרי Sticky > ומתוך הרשימה בחרי Top > כעת התפריט שלך ייצמד לחלק העליון של המסך בעת גלילה.
  4. באופציה של Sticky On > בחרי באילו מכשירים התפריט העליון ייצמד ללמעלה.
  5. באופציה של Effects Offset > בחרי כמה פיקסלים צריך לגלול מהעמוד כדי לגרום לתפריט להופיע
ההגדרות להצמדת התפריט העליון לאחר גלילה של 200px בדסקטופ, טאבלט ומובייל

עדיין לא תראי שום שינוי, והתפריט יופיע כל הזמן.
כדי לגרום לתפריט להופיע רק לאחר גלילה, את צריכה להוסיף קצת קוד CSS

השלבים להוספת קוד CSS שיגרום לתפריט העליון של אלמנטור פרו להופיע רק לאחר גלילה

לתפריט שלך יש 2 מצבים:
מצב רגיל – לפני שגוללים את המסך
מצב לאחר גלילה – אחרי שגוללים את העמוד מספר פיקסלים מסויים

  1. במצב הרגיל של התפריט יש Class שנקרא elementor-sticky–active > תני לו שקיפות מלאה (opacity: 0) > והוסיפי לו אפקט מעבר יפה (transition). ככה:
.elementor-sticky--active{
    opacity: 0 !important;
    transition: all 0.3s ease !important;
}
  1. במצב לאחר גלילה יש Class שנקרא elementor-sticky–effects > תני לו אטימות מלאה (opacity: 1) > כך תגרמי שלאחר גלילה של מספר פיקסלים מסויים התפריט יופיע. והנה הקוד המתאים:
.elementor-sticky--effects{
    opacity: 1 !important;
}

שימי לב שהאפקט יתחיל לך לאחר מספר הפיקסלים שהגדרת בגלילה (Effects Offset). את יכולה לנסות איך נראה האפקט באתר בלייב, ולפי זה לשנות את המספר.

תצליחי,
חגית

תגובה אחת

כתיבת תגובה

הדרכות נוספות שיכולות לעזור לך

אני רוצה לתת באתר חנות / קורסים אפשרות להתחברות עם חשבון גוגל, ולאו דווקא עם שם משתמש וסיסמה, איך אפשר לעשות את זה הכי בקלות?

איך מחברים אתר וורדפרס לגוגל אנליטיקס 4, ואיך אפשר לגלות מאיפה הגיעו הגולשים לאתר?

איך מגדירים בליסטינג שיכלול פוסט מקטגוריה מסויימת בלבד?ניסיתי עם ID ולא עובד לי.בנוי מפוסטייפ עם 3 קטגוריות שונות.

איך גורמים לטופס ליצור פוסטים חדשים במצב טיוטה, כדי להציג אותם בליסטינג גריד אחרי אישור פרסום?

איך אפשר ליצור מסגרת עם צבע מעבר מתחלף לטקסט חי באתר?

יש לי אתר פעיל עם כמה עמודי נחיתה שחייבים להשאר פעילים. איך אני יכולה להכניס את כל האתר למצב תחזוקה בלי לכלול את העמודים הללו?

איך לחסום ספאם המגיע מהטפסים באתר?

איך ליישר את שדה הטלפון לימין בטופס אלמנטור – פתרון לבאג ועזרה מבינה מלאכותית

כלים אלופים

10 כלים מומלצים
שיעזרו לך לעבוד מהר יותר
דילוג לתוכן