Elementor אתר ממש מכל הלב...

[>השראה<]

אתר שיצא לי לשפץ אותו ממש בסיסי,
אשמח לשמוע איך יצא,

יש לציין שהאתר לא נבנה ע"י אלא רק שופץ.
ואם כבר תוכלו גם אתם לתת מכל הלב

דף בית 2 - מכל הלב

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

mikolhalev.org.il

 

[שיליבי]

רפרפתי, ומצאתי את זה...

 

[ראובן ליבוביץ]

ואני את זה:

 

[אלעזר 1]

יפה מאוד!
איך אתה עושה את הפופאפ שמוצג רק כשגולשים בחלק התחתון של העמוד?

 

[ראובן ליבוביץ]

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

נראה כמו Z-INDEX

 

[אלעזר 1]

נראה כמו Z-INDEX

הפרמטר הזה יכול לקבוע מיקום 'מאחורי' ו'לפני'. מה זה קשור?

 

[ראובן ליבוביץ]

הפרמטר הזה יכול לקבוע מיקום 'מאחורי' ו'לפני'. מה זה קשור?

פשוט מאוד,
באזורים העליונים הZ INDEX שלהם גבוה מהפופאפ, ובתחתון נמוך מהפופאפ, ואז בעליונים הוא מוסתר ובתחתון מוצג.

 

[אלעזר 1]

פשוט מאוד,
באזורים העליונים הZ INDEX שלהם גבוה מהפופאפ, ובתחתון נמוך מהפופאפ, ואז בעליונים הוא מוסתר ובתחתון מוצג.

זה אמור 'לחתוך' אותו בקו אופקי, בפועל הוא צץ עם אנימציה.
כרגע אני רואה שמדובר באיזור סטיקי שהופך לקבוע (fixed) בגלילה.
@השראה אפשר שיתוף?

 

[>השראה<]

רפרפתי, ומצאתי את זה...

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

ואני את זה:

תודה יתוקן.

יפה מאוד!
איך אתה עושה את הפופאפ שמוצג רק כשגולשים בחלק התחתון של העמוד?

זה התשובה.

כרגע אני רואה שמדובר באיזור סטיקי שהופך לקבוע (fixed) בגלילה.

רק שהוא עוצב עם CSS כמו הכפתור שמופיע רק כשהוא סטיקי, ועוד ועוד.

אם מעניין אתכם אשמח להעלות את הקוד.

 

[אלעזר 1]

אם מעניין אתכם אשמח להעלות את הקוד.

אתה הופך אותו ל-fixed עם js?
אשמח בהחלט לראות את הקוד.

 

[>השראה<]

אתה הופך אותו ל-fixed עם js?

עם CSS

אשמח בהחלט לראות את הקוד.

הנה

selector.elementor-sticky--active {
    width: 170px !important;
    height: 150px !important;
    padding: 0px !important;
    margin: 220px 0px 0px 0px !important;
    border-radius: 90px 0px 0px 10px;
}

 

[אלעזר 1]

עם CSS

בלי

position: fixed;

?

 

[>השראה<]

בלי

position: fixed;

?

בלי.
זה אזור דביק עם תוספת CSS.