-
תגובות
-
האם יש אפשרות (או קוד) כדי לשנות באופן אוטומטי את צבע התפריט כאשר גוללים דף one pager?
הכוונה לא בלחיצה על התפריט, אלא שינוי צבע לפי מיקום בזמן גלילה של הדף.לדוגמה – כפי שמופיע באתר הזה: http://www.interforinternational.com/
אני צריך לשכפל את "ההתנהגות" של התפריט.
עובד עם תבנית אטלנטה ועם אלמנטור PRO (שימוש באלמנט Anchor וקישור אליו מהתפריט).עדכון:
הוספתי ל- header את הקוד הבא:<script> jQuery(document).ready(function(){ jQuery('body').scrollspy({ target: '.nav-main', offset: 50 }); }); </script>והוספתי ל- body
data-spy="scroll" data-target=".nav-main"עדיין לא עובד (וידאתי ש- bootstrap נטען בתבנית).
יש לכם רעיון אולי?
אין צורך להוסיף כלום, במידה ואתה משתמש בתבנית עדכנית זה אמור לעבוד מהקופסה, ברגע שאתה לוחץ על הכפתור הוא אמור לקבל קלאס Active שעושה את זה. תשתמש בו
אולי שאלתי לא היתה ברורה מספיק.
הקישור מהתפריט אכן עובד בלחיצה, ומקשר למיקום הנכון בדף (ל- Anchor המתאים בדף).
מה שאני מחפש זה את האופציה שקלאס ה- Active יתווסף לפריט התפריט תוך כדי גלילה של הדף, בהתאם למיקום.
שוב – הדוגמה היא הדף הזה: http://www.interforinternational.com/
אנא ראה שבעת גלילה של הדף הנ"ל, פריט התפריט המתאים מקבל קלאס Active בהתאם למיקום בדף תוך כדי גלילת הדף.בדרך כלל הדבר מתבצע על יד Bootstrap Scroll Spy (שנטען באופן אוטומטי בתבנית אטלנטה, אבל לא ממומש בתבנית).
http://www.w3schools.com/bootstrap/bootstrap_scrollspy.aspאנחו עושים את זה בדרך שונה, אתה יכול לראות מימוש של זה בדמו שלנו פה: http://demo.getpojo.com/leader/
שים לב שהאנקור צריך להיות באנגלית, והוא חייב להיות עם קישור יחסי בלבד, ולא את הקישור המלא.
לדוגמא:
#aboutולאhttp://domain.com/#aboutלאחר בדיקה מעמיקה מסתבר שברגע שאתה בונה את העמוד באלמנטור התכונה הספציפית הזו אינה נתמכת כרגע.
אנחנו נצטרך לעשות תאימות לנושא, אבל זה משהו שיקח קצת זמן ולא לרגע זה
אוי… חדשות רעות מאוד.
אין לכם איזה קוד שאני יכול להוסיף כדי לפתור את הבעיה? jQuery, Bootstrap, משהו??
הושקעה הרבה עבודה לבנות את הדף באלמנטור PRO… לא אוכל להעביר אותו עכשיו ל- Builder הרגיל.אין שום פתרון?
שלום אריאל,
יש לי פיתרון לבינתיים, אם זה עוזר לכם. רחוק מלהיות מושלם כמובן, אבל הצלחתי לגרום לו לעבוד אצלי…
אנא ראה:
https://gist.github.com/RanMetser/e98ed927fa10c20d97cd6ee8a1063f2b
- הפורום 'תמיכה' נסגר לדיונים ולתגובות חדשות.