Задать вопрос
@DestroyerZzz
javascript

Как сделать плавный скроллинг на 100% высоты?

Сайт состоит из 3-х дивов, у каждого из которых высота 100% (3 экрана короче). Как сделать плавный скролл при прокручивании колесика ровно на один экран? Как тут примерно:
www.takeitapp.co/en
  • Вопрос задан
  • 299 просмотров
Комментировать
Подписаться 2 Оценить Комментировать
Решения вопроса 1
Maxsior
@Maxsior
loading...
Ловим событие прокрутки, узнаём высоту div'а(div.offsetHeight), делаем прокрутку(document.body.scrollTop+=div.offsetHeight)
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ответы на вопрос 1
orlov0562
@orlov0562
I'm cool!
Не совсем понял в чем проблема:

1) отслеживаешь wheel, типа того jsfiddle.net/orlov0562/d6me44tu/2
(кроссбраузерное решение чуть больше, погугли по javascript wheel)

2) прокручиваешь экран к нужному элементу на странице

P.S. для тех у кого нет колесика, можно отслеживать tap events и делать тоже самое
Ответ написан
2 комментария
2 комментария
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
summer • Ярославль
от 100 000 до 140 000 ₽
Junior JavaScript Developer
КРАФТТЕК • Санкт-Петербург
от 60 000 до 80 000 ₽
JavaScript разработчик
Мэтч
от 80 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Разработать дизайн баннера на сайт и плаката для печати
18 апр. 2024, в 16:28
5000 руб./за проект
Перекрасить 2 вкладыш для типографии в новый цвет
18 апр. 2024, в 15:55
500 руб./за проект
Починить лайки и удаление сторис на React Native
18 апр. 2024, в 15:52
2500 руб./за проект
Ещё заказы