בניית דף משלך תופעות גלילה עם Roll.js

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

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

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

מטרת הספרייה היא לעזור למפתחים לבנות את השפעת הגלילה שלהם ללא מאמץ רב.

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

אלה עבודה הטובה ביותר על עמוד אחד פריסות אבל אתה יכול להשתמש Roll.js עבור כל כך הרבה.

עם שיחה אחת פונקציה אתה יכול למשוך נתונים עם כל מגילה הכוללת:

• סה"כ שלבי דף (אם רלוונטי).
• סה"כ% גלשו למטה בדף.
• המיקום הנוכחי בדף בפיקסלים.
• גובה גובה התצוגה הכולל מבוסס על גודל המכשיר.

זה גם עובד עם קישורים לקפוץ כי להביא משתמשים למטה (או למעלה) לחלקים מסוימים של הדף.

אבל אתה יכול למצוא הרבה תכונות אלה בספריות אחרות גם כן. מה עושה Roll.js כל כך מיוחד?

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

אתה יכול לראות איך זה עובד בדף ההדגמה הראשי ואתה יכול אפילו הורד את קוד המקור Roll.js לחפור לתוך הדגמות אלה בעצמך.

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

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