Практика использования спецификации CSS Scroll Snap

[aliencash]

В большинстве примеров в кодпене проблемы с последним элементом.
К тому же, на мобильных это может и прилично работает, но на десктопах для скролинга нужно обязательно пользоваться системным скроллбаром, либо средней кнопкой мыши. И в случае мыши, привязка (ради которой собственно вся эта история) просто не работает.
зы: FF 84.0.2

[ivan386]

но на десктопах для скролинга нужно обязательно пользоваться системным скроллбаром, либо средней кнопкой мыши.

А как вы ещё скролите?

И в случае мыши, привязка (ради которой собственно вся эта история) просто не работает.

Можете привести пример? А то у меня FF той же версии на десктопе и Scroll Snap работает.

[aliencash]

А как вы ещё скролите?

Я в своем комментарии сравниваю работу на мобильных и десктопах. На мобильных я свайпаю. На десктопах я не могу свайпнуть например используя мышь.

Можете привести пример?

Вот здесь — codepen.io/shadeed/pen/KKgMJWa нажмите на любом фото среднюю кнопу мыши, поводите мышью вправо/влево.

[Extremum]

И со скроллом также не все гладко, у меня apple magic mouse, обычный скролл вниз не отрабатывает, только если вести в сторону. Это хорошо когда ты знаешь что надо вести в сторону, а можно ведь подумать что там ничего и нет. То же самое с тачбаром на маке — только если влево.

[efundor]

Тоже обратил внимание на последний элемент. Пример решения проблемы:
.section :last-child {
scroll-snap-align: end;
}

[nin-jin]

Интересно, почему во всех подобных статьях не говорят, что scroll-snap-stop фактически нигде не работает? При этом все браузеры ведут себя по разному, а то и просто настолько некорректно, что scroll-snap невозможно пользоваться вообще.