@s24344

Как правильно реализовать следующую логику на событии scroll?

Здравствуйте. Подскажите, пожалуйста, как правильно реализовать следующую логику: На контейнере есть возможность горизонтального скролла. Как тольео я начал кролить слева напрво, у меня сработала функция (например console.log('left right start')). Как только я доскролил слева направо до конца, сработала функция console.log('left right finish'). Начал скролить справа на лево console.log(right left start). Доскролил справа на лево до конца, сработала функция console.log('right left finish').
  • Вопрос задан
  • 51 просмотр
Решения вопроса 1
Vlad_IT
@Vlad_IT Куратор тега JavaScript
Front-end разработчик
Все, что вам нужно, это сравнивать текущую позицию скрола, с предыдущей. И если текущая позиция больше, чем предыдущая, значит мы скроллим вправо, если меньше, то влево. А finish можно расчитывать, если скролл равен нулю (это лево), или если скролл равен scrollWidth + offsetWIdth.
Пример https://jsfiddle.net/Vlad_IT/Lwqaf139/
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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