بهترین و جدیدترین ویدئو های روز

پخش ویدئو بعدی ... {{ next_video.title }}
[توقف]

اسکرول اسنپ (Scroll Snap) قابلیتی در CSS است که به مرورگر می‌گوید وقتی کاربر صفحه را اسکرول می‌کند، به صورت خودکار به نقاط خاصی بچسبد و اسکرول نرم و دقیق‌تر شود. این ویژگی باعث می‌شود تجربه کاربری بهتری در صفحات طولانی یا بخش‌بندی شده داشته باشیم. استفاده از CSS برای این کار بسیار ساده‌تر و سریع‌تر است و نیازی به نوشتن کدهای پیچیده جاوااسکریپت نداریم. # تنظیمات پایه CSS برای فعال‌سازی اسکرول اسنپ برای فعال کردن اسکرول اسنپ باید روی کانتینر اصلی صفحه ویژگی scroll-snap-type را تعریف کنیم. معمولاً برای اسکرول عمودی از مقدار y mandatory استفاده می‌شود که یعنی اسکرول در جهت عمودی بوده و به نقاط تعیین شده بچسبد. این کار را فقط با چند خط CSS می‌توان انجام داد. برای مشاهده مثال ها و یادگیری دقیقتر ویدیو را مشاهده کنید. # تفاوت اسکرول اسنپ CSS با روش‌های جاوااسکریپتی برخلاف اسکرول اسنپ جاوااسکریپتی که نیازمند کدهای پیچیده و مدیریت رویداد اسکرول است، روش CSS ساده و کم‌حجم است و بار پردازشی کمتری روی مرورگر می‌گذارد. همچنین باعث ک

0.05 sec, flt: 0 time: 7, count: 11, slow: 0