@kamelot43

Как реализовать скроллинг элемента вправо/влево при достижении блока?

Стоит задача реализовать возможность прокрутки блока вправо/влево при условии , что мы пролистали страницу до нужного нам блока.

Вот похожий пример https://jsfiddle.net/lucifer63/grs5rvxx/?utm_sourc...

Но возникла дополнительная задача: если мы листаем страницу снизу-вверх блок со слайдами должен смещаться в обратном направлении. Не получается найти свойство или метод, чтобы проскроллить блок вправо, т.к. есть только свойство scrollLeft. Как можно реализовать данную задачу? Как управлять скроллингом вправо?
  • Вопрос задан
  • 2154 просмотра
Решения вопроса 1
hzzzzl
@hzzzzl
// сверху вниз
    if (scrollTop > targetOffset && sliderScrollLeft < sliderMaxScrollLeft) {
      $window.scrollTop(targetOffset + 1);   // +1 потому что иначе дрожит при перемотке
      $slider.scrollLeft(sliderScrollLeft + horizontal_scrolling_speed);
    }
    // снизу вверх
    if (scrollTop < targetOffset && sliderScrollLeft > 0) {
      $window.scrollTop(targetOffset - 1);
      $slider.scrollLeft(sliderScrollLeft - horizontal_scrolling_speed);
    }


Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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