@yzahn אמר באיך עושים את השלוש נקודות שיש בנטפרי?:
@מישהו12 @MGM-IVR
אני לא רוצה להשאיר אתכם עם טעם רע בפה... אז אני אביא לכם את הכיוון הכללי.
א. תדעו לכם, שבעיצוב של אתר, כמעט תמיד אפשר להסתכל בקוד של האתר וללמוד ממנו איך לעשות את זה לבד.
ב. במקרה הזה של הלשונית של נטפרי, זה עובד על ידי האזנה לאירוע mouseenter על ה"ידית" והאזנה לאירוע mouseleave על ה-div שעוטף את כל הסרגל.
בעת אירוע של mouseenter מוסיפים class לסרגל, נגיד active ובעת אירוע של mouseleave מורידים אותה.
ואז מגדירים ב-CSS שהסרגל מקבל מיקום ימני של <מינוס הרוחב של הסרגל>, וכאשר הוא active שיקבל מיקום ימני של 0.
(כאן צריך להוסיף גם transition יפה...)
זה פחות או יותר הכיוון, ואידך פירושא זיל גמור.
צילומי מסך של קטעי קוד רלוונטיים של הכרטסת של נטפרי:
5c2f13b2-9874-4b64-8975-7d859e0a63ca-image.png
d8568b86-081d-47f1-a8c9-1ac001fa6230-image.png
אתם רואים שהכל גלוי אם רק תדעו איפה להסתכל
תודה רבה
סיבכת לגמרי
;)
