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

Question

[kamelot43]

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

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

Но возникла дополнительная задача: если мы листаем страницу снизу-вверх блок со слайдами должен смещаться в обратном направлении. Не получается найти свойство или метод, чтобы проскроллить блок вправо, т.к. есть только свойство scrollLeft. Как можно реализовать данную задачу? Как управлять скроллингом вправо?

Answer 1

[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);
    }

Comments

[kamelot43]

Все хорошо, но пользователи Mac внесли свою изюминку в процесс работы. Если скролить тачпадом страницу все норм до блока, в котором находится слайдер. Скорость прокрутки страницы до слайдера и внутри слайдера отличается . Не понятно как регулировать скорость прокрутки. ? Есть возможность определить скорость скролла страницы и задать аналогичную скорость слайдеру ?) Буду благодарен за помощь )