Comments 6
В большинстве примеров в кодпене проблемы с последним элементом.
К тому же, на мобильных это может и прилично работает, но на десктопах для скролинга нужно обязательно пользоваться системным скроллбаром, либо средней кнопкой мыши. И в случае мыши, привязка (ради которой собственно вся эта история) просто не работает.
зы: FF 84.0.2
К тому же, на мобильных это может и прилично работает, но на десктопах для скролинга нужно обязательно пользоваться системным скроллбаром, либо средней кнопкой мыши. И в случае мыши, привязка (ради которой собственно вся эта история) просто не работает.
зы: FF 84.0.2
+2
но на десктопах для скролинга нужно обязательно пользоваться системным скроллбаром, либо средней кнопкой мыши.
А как вы ещё скролите?
И в случае мыши, привязка (ради которой собственно вся эта история) просто не работает.
Можете привести пример? А то у меня FF той же версии на десктопе и Scroll Snap работает.
0
А как вы ещё скролите?
Я в своем комментарии сравниваю работу на мобильных и десктопах. На мобильных я свайпаю. На десктопах я не могу свайпнуть например используя мышь.
Можете привести пример?
Вот здесь — codepen.io/shadeed/pen/KKgMJWa нажмите на любом фото среднюю кнопу мыши, поводите мышью вправо/влево.
+2
Тоже обратил внимание на последний элемент. Пример решения проблемы:
.section :last-child {
scroll-snap-align: end;
}
.section :last-child {
scroll-snap-align: end;
}
0
Интересно, почему во всех подобных статьях не говорят, что scroll-snap-stop
фактически нигде не работает? При этом все браузеры ведут себя по разному, а то и просто настолько некорректно, что scroll-snap невозможно пользоваться вообще.
+1
Sign up to leave a comment.
Практика использования спецификации CSS Scroll Snap