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