سمت راست اسکرول میشود، در حالی که کارت سمت چپ در ویوپورت قفل (Pinned) مانده و وضعیت و آیکون داخلی آن با هر مرحله تغییر میکند.
کانتینر اصلی با position: sticky; top: 0 در ویوپورت ثابت مانده است.
به محض اینکه والد به بالای صفحه میرسد، کادر سمت چپ فریز میشود و کاربر فقط محتوای توضیحی مراحل را از کنار آن رد میکند.
با عبور از این نقطه عطف، بدون خارج شدن کادر از صفحه، وضعیت گرافیکی، رنگها و آیکون به هوش مصنوعی تحول مییابند.
با به پایان رسیدن گام سوم، پین آزاد شده و صفحه به صورت طبیعی به سکشنهای بعدی سایت هدایت میشود.
میتوانید به صفحه فهرست جامع بازگردید یا انیمیشنهای دیگر را دوباره ببینید.