Как прокрутить блок при прокрутке второго блока?

#javascript #jquery

Как можно осуществить такое? 

У второго блока подключен jScrollPane, у него есть вертикальная и горизонтальная
прокрутка. 

Когда прокручиваю этот блок по горизонтали, нужно что бы первый блок тоже прокручивался
вслед за ним. Каким образом это сделать можно? 

Скрипт jScrollPane к первому блоку не вариант, т.к. по горизонтали он статичен.



$(function() {
  var block1 = $('.jspPane');
  console.log(block1);
  var block2 = $('.event-time__time');
  console.log(block2);
  block1.onscroll = function() {
    block2.scrollTop = block1.scrollTop;
    block2.scrollLeft = block1.scrollLeft;
  };
});



    

Ответы

Ответ 1

Можете отслеживать скролл с помощью события onScroll, а после значения скролла присваивать
другому блоку:

block1.addEventListener("scroll", function() {
  block2.scrollTop = block1.scrollTop;
  block2.scrollLeft = block1.scrollLeft;
});




$(function() {
  var block1 = $('.jspPane');
  console.log(block1);
  var block2 = $('.event-time__time');
  console.log(block2);
  block1.onscroll = function() {
    block2.scrollTop = block1.scrollTop;
    block2.scrollLeft = block1.scrollLeft;
  };
});