🔥 یکی از قابلیت هایی که به نسخه 69 #کروم اضافه شده است #css_snap_scroll می باشد.

با این قابلیت می توان تجربه یک اسکرول نرم و یکدست را به کاربر داد. علاوه بر این می توان نقطه ای را که مرورگر باید پس از اسکرول متوقف شود را مشخص کرد.

این ویژگی برای #image_carousel ها و بخش هایی که صفحه بندی شده اند به منظور برای هدایت کاربر به نقطه ای خاص از آن ها بسیار مفید است.

در مثال زیر این قابلیت برای یک carousel استفاده شده است به طوری که پس از هر اسکرول تصویر جاری دقیقا در مرکز carousel قرار خواهد گرفت. :

#gallery {
  scroll-snap-type: x mandatory;
  overflow-x: scroll;
  display: flex;
}

#gallery img {
   scroll-snap-align: center;
}

https://goo.gl/PtqGei

#CSS #tips #chrome

✅@coderszone