@zekin375

Как сделать корректный скроллинг вниз на мобильной версии?

Помогите реализовать задачу, требуется на сайте в мобильной версии реализовать что бы при скроле вниз перещелкивалось на следующий div.

Что бы это было не плавно, а именно переход к следующему блоку.

К примеру как в данный момент перещелкивается в приложении TikTok
  • Вопрос задан
  • 65 просмотров
Пригласить эксперта
Ответы на вопрос 1
Kozack
@Kozack Куратор тега CSS
Thinking about a11y
zekin375,
Могу предложить два варината, но не знаю какой лучше и более доступный

  1. Первый

    1. Отслеживаете событие скрола.
    2. Отменяете стандартное поведение



  2. Второй

    1. Блокируете скролл полностью
    2. Отслеживаете касания и жесты


  3. Далее вычисляете размеры экрана устройства, размеры ваших секций, текущую позицию скролла (если он есть) или сдвига контента если скролла нет.
  4. Выполняете операции чтобы сместить область просмотра к нужной секции.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы