Задать вопрос
@zekin375

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

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

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

К примеру как в данный момент перещелкивается в приложении TikTok
  • Вопрос задан
  • 77 просмотров
Подписаться 1 Простой 2 комментария
Помогут разобраться в теме Все курсы
  • Skillbox
    JavaScript
    3 месяца
    Далее
  • Яндекс Практикум
    Фронтенд-разработчик расширенный
    13 месяцев
    Далее
  • Академия Eduson
    Fullstack-разработчик на JavaScript
    11 месяцев
    Далее
Пригласить эксперта
Ответы на вопрос 1
Kozack
@Kozack Куратор тега CSS
Thinking about a11y
zekin375,
Могу предложить два варината, но не знаю какой лучше и более доступный

  1. Первый

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



  2. Второй

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


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

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

Похожие вопросы