jQuery .on（）在画布区域滚动

Question

我只是在用户位于canvas区域时才尝试检测滚动方向 我尝试将"#myCanvas"替换为"canvas"但不起作用。
只是为了确保我将其更改为documnet它的作品。 我怎样才能使它发挥作用？

<canvas id="myCanvas" width="1400" height="800"></canvas>


var lastScrollTop = 0;
$("#myCanvas").on('scroll', function() {

    st = $(this).scrollTop();
    if(st < lastScrollTop) {
        console.log('up 1');
    }
    else {
        console.log('down 1');
    }
    lastScrollTop = st;
});