Страницы

Поиск по вопросам

понедельник, 25 февраля 2019 г.

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

Как можно осуществить такое?
У второго блока подключен 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; }; });


Ответ

Можете отслеживать скролл с помощью события 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; }; });

Комментариев нет:

Отправить комментарий