פרלקס גלילה קלה עם

תופעות פרלקסה לתפוס תשומת לב מהירה. השפעות אלה לשמור על רקע מסוים להציג תוך גלילה לאורך הדף. תוכלו למצוא גלילה פרלקסה על אתרי אינטרנט רבים נושאים WordPress והם חלק גדול של עיצוב אתרים מודרני.

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

זה יוצר את אשליה של אתר שכבות שבו כל דף “ערימות” על גבי השני. זה ממש מגניב די קל להקים לבד.

אמנם זה די קל להגדיר, זה דורש קצת הבנה של פיתוח Frontend.

אתה צריך קודם ליצור קטעי דף בודדים בתוך המיכל הראשי. בדרך זו יהיה לך הכל סגורה ב- HTML, כך שתוכל למקד הכול עם הפונקציה jQuery StickyStack.

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

הנה דוגמת קוד מתוך דף GitHub:

 $ 0 (0, 0, 0, 0.25) '(0) 0px 20px rgba (0, 0, 0.25)' ); 

אמנם זה לא עודכן בתוך כשנתיים, זה עדיין תוסף אמין מאוד. זה עבדתי בכל הדפדפנים שבדקתי (Chrome, Safari, ו- Firefox) עם תמיכה עבור כל הגירסאות של jQuery.

בנוסף, הקובץ המצומצם הוא רק 2KB אשר גודל הגון עבור תוסף.

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

ניתן גם לבדוק א הדגמה חיה על קוד אם אתה רוצה לראות איך זה נראה באתר חי.