Свойство scroll-snap-stop определяет, должен ли скролл обязательно останавливаться в каждой точке привязки при прокрутке.
Пример
.element {
scroll-snap-stop: always;
}Возможные значения scroll-snap-stop:
- normal — прокрутка может проскочить несколько элементов, значение по умолчанию;
- always — прокрутка должна остановиться на каждом элементе.
Попробуйте прокрутить каждый из контейнеров в демо с небольшим ускорением. Эффект от свойства можно увидеть на тач-экранах или устройствах с тачпадом.
👉 @frontendInterview