דילוג לתוכן הראשי
<Component />While scrollingsticky-basedירידת דור במובייל

לאיזה תוכןתהליך או סיפור בשלבים / 3 עד 5 צעדים, תמונה לכל אחד / מעט מלל לשלב

השאלהיש תהליך של 3 עד 5 שלבים, עם תמונה לכל שלב?

Panel Scroll + Scroll Timer

פריסת 2 עמודות עם sticky pin: טקסט בצד אחד, תמונה בצד השני. המעבר רצף (לא crossfade), פאנל יוצא לגמרי לפני שהבא נכנס, כמו גלגלת. ה-Scroll Timer בפינה תופס את אותו progress. רכיב מוכן לשימוש: UkPanelScroll.

<UkPanelScroll
  panels={[
    { src: '/img1.jpg', label: 'Drift',   desc: 'Glide…',   color: '#60A5FA' },
    { src: '/img2.jpg', label: 'Immerse', desc: 'Step…',    color: '#34D399' },
  ]}
/>

01

ריחוף

להחליק בין העננים בזריחה.

02

טבילה

צעד אל לב היערות העתיקים.

03

השתקפות

שלווה לצד אגמי הרים זכים.

ריחוףטבילההשתקפות
ריחוף

01

ריחוף

להחליק בין העננים בזריחה.

טבילה

02

טבילה

צעד אל לב היערות העתיקים.

השתקפות

03

השתקפות

שלווה לצד אגמי הרים זכים.

אחרי הפאנלים

משתחרר נטיבית. תוכן רגיל ממשיך ללא קפיצה.