חלקה דף מלא גלילה עם

אפקטי גלילה של JavaScript היו בסביבה במשך שנים עם עשרות ספריות גדול לבחור מתוך. אבל מתחרה חדש בתחום הוא ViewScroller.js.

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

מטבע הדברים, זוהי ספרייה חופשית לחלוטין זמין ב- GitHub וקל להתקנה עם באואר או npm.

עם זאת, ViewScroller.js הוא לא ספריית JavaScript עצמאית. זה עושה להסתמך על jQuery ושני תוספים ספציפיים: jQuery Mesowheel ו jQuery הקלות. אלו הם שניהם נדרשים כדי לקבל את אפקטים הגלילה עובד כראוי.

זה יכול לעכב את הערך של ViewScroller שכן זה דורש כמה ספריות JS רק לתפקד. אבל אם אתה כבר משתמש jQuery בכל מקרה אז זה לא brainer. מציג את השיטה הפשוטה ביותר לקבל דף אחד גלילה אינטרנט App פועל בלי הרבה קוד.

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

הדרך הפשוטה ביותר להתחיל היא על ידי cloning את הדמיית ViewScroller. יש להם אחד עם הצדדי הימני, אחר עם הצדדי השמאלי, ואחד עם שני sidebars תוכן סנדוויצ'ינג באמצע.

אם אתה בסדר עם יישום jQuery- fueled אינטרנט ואז לצפותScroller הוא ספרייה פנטסטי חינם לשימוש. זה צריך לא מעט תלות אבל הם לא צריכים להיות קשה להגדיר.

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