Как прокручивать по горизонтали и вертикали одновременно?

Question

Я использую Datatables для рендеринга моей таблицы, но я бы хотел прокручивать вертикально, когда пользователь прокручивает по горизонтали. В других терминах я бы хотел, чтобы прокрутка была синхронизирована?

Я изучил API, но не смог понять это.

Answer 1

Вы можете попробовать привязать прослушиватель событий, когда таблица прокручивается в направлении X, а также прокручивает ее в направлении Y.

Посмотрите на эту ссылку: Bind to on scroll event of a DataTable.

API фактически не управляет прокруткой, он просто устанавливает таблицу, чтобы она переполняла родительский div.

Пример вида кода вы можете написать:

$('.dataTables_scrollBody').on('scroll', function() { 
    var scrollLeftVal = $('.dataTables_scrollBody').scrollLeft(); 
    $('.dataTables_scrollBody').scrollTop(scrollLeftVal); 
}); 

Вы, вероятно, нужно будет точно настроить некоторые вещи об этом, но общая идея может заставить вас идти в правильном направлении.