How to catch the horizontal scroll bar event?

[ksoerens]

Above my grid I have some dropdown lists - one for each column in the grid. If a horizontal scroll bar appears in the grid, I need to scroll the dropdowns as well.

I've tried something like this:

    $("div.pq-sb-horiz").on("pqscrollbarscroll", function (event, ui) {
      alert('scroll');
    });

and

    $('#grid_json').on("pqscrollbarscroll", function (event, ui) {
      alert('scroll');
    });

outside and inside the $(document).ready event.

But my functions never get triggered.

What am I doing wrong....?

Thanks in advance for your help 

[twoer]

my pqscrollbarscroll function no don't work.