עזרה ביצירת דביק

הירשם עכשיו!
  • הוסף לסימניות
  • #1
שלום,
יש לי תפריט די גבוה (מורכב מכמה תפריטים וכפתורים שונים)
אני רוצה שבגלילה חלק ישאר sticky וחלק יגלל רגיל

שאני מגדירה לאזור העליון שבתפריט שיגלל רגיל, ולאזור התחתון שיהיה sticky - זה לא עוזר ולא עובד
איך נכון לבצע כזה דבר?
יש אפשרות רק עם CSS?
תודה רבה!
 
  • הוסף לסימניות
  • #2
את רוצה שהאזור התחתון יהיה דביק. אבל מן הסתם - רק כשהוא יהיה למעלה. אחרת יהיה לך פס תקוע באמצע המסך.
אז לפני שהוא מגיע לנקודה מסוימת הוא לא אמור להיות דביק. נכון?
אני לא מכיר דרך לעשות דבר כזה רק בעזרת css בלי js.
 
  • הוסף לסימניות
  • #3
כן, זה מה שאני רוצה.
אין בעיה,
אז גם בעזרת JS, מה שיש
אשמח לשמוע איך

עכשיו אני שמה לב לכותרת העילגת שלי, איך מתקנים נושא?
 
  • הוסף לסימניות
  • #6
תודה

אשמח לקבל הערות
 
  • הוסף לסימניות
  • #7
1627155719266.png


אתה מפעיל את הפונקציות האלה כל פעם שיש אירוע גלילה. זה מיותר. אפשר ״לתפוס״ את האלמנט מחוץ לפונצקיה הזו.
 
  • הוסף לסימניות
  • #8
1627155827686.png

במקום זה אפשר להגדיר שני קלאסים של CSS ולהחליף אותם בהתאם לצורף.
 
  • הוסף לסימניות
  • #9
לתת לאיזור המתאים:
CSS: 
position: sticky;
top: 0;
הערה: לא הצלחתי לגרום לזה לעבוד באלמנט מקונן, ולא הצלחתי כרגע למצוא את הסיבה.
כשהוצאתי אותו אל מחוץ לאלמנט המכיל זה עבד:
 
  • הוסף לסימניות
  • #10
נכתב ע"י אלעזר 1:
לתת לאיזור המתאים:
CSS: 
position: sticky;
top: 0;
הערה: לא הצלחתי לגרום לזה לעבוד באלמנט מקונן, ולא הצלחתי כרגע למצוא את הסיבה.
כשהוצאתי אותו אל מחוץ לאלמנט המכיל זה עבד:
לחצ/י כדי להרחיב...
נפלא! לא צריך JS, יישר כוח!

לגבי "אלמנט מקונן", אני רואה ש"sticky" עובד רק אם הוא בן של אלמנט עם יכולת גלילה כמו שכתוב כאן:
1627158842089.png

לכן טוב עשית שהוצאת את התפריט התחתון מהאלמנט "header" שאין לו גלילה, לאלמנט body שנגלל.
 
  • הוסף לסימניות
  • #11

פרוגבוט

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