scroll-snap-stop

Свойство scroll-snap-stop определяет, должен ли скролл обязательно останавливаться в каждой точке привязки при прокрутке.

        
          
          .element {  scroll-snap-stop: always;}
          .element {
  scroll-snap-stop: always;
}

        
        
          
            
            Скопировать
            Скопировано
            Не удалось скопировать
          
        
      

Свойство scroll-snap-stop управляет тем, насколько строго должна останавливаться прокрутка: на каждом элементе или с возможным пропуском элементов.

Возможные значения scroll-snap-stop:

• normal — прокрутка может проскочить несколько элементов, значение по умолчанию;
• always — прокрутка должна остановиться на каждом элементе.

        
          
          .scroll-snap-stop-normal {  scroll-snap-stop: normal;}.scroll-snap-stop-always {  scroll-snap-stop: always;}
          .scroll-snap-stop-normal {
  scroll-snap-stop: normal;
}

.scroll-snap-stop-always {
  scroll-snap-stop: always;
}

        
        
          
            
            Скопировать
            Скопировано
            Не удалось скопировать
          
        
      

Попробуйте прокрутить каждый из контейнеров с небольшим ускорением. Эффект от свойства можно увидеть на тач-экранах или устройствах с тачпадом.