如何收听Slimscroll“滚动”事件？

Question

Basically I want to run some stuff whenever the user scrolls... how could I possibly do that?

I already know about this event which I found on SlimScroll website, but there is no other events other than this one;

//...

var $scrollable = $('.scrollable');

$scrollable.slimScroll().bind('slimscroll', function (e, pos) {
    // SOME CODE...
});

//...

But this only works when the scrollbar reaches either top or bottom of the scrollable section.

The scrollbar itself works fine, just need an event listener!

Thank you

Answer 1

OK, after looking into the slimscroll unminified version I spotted this " slimscrolling " event listener, so I simply replaced this with " slimscroll " and things worked as I wanted!

So simply run this code;

//...

var $scrollable = $('.scrollable');

$scrollable.slimScroll().bind('slimscrolling', function (e, pos) {
    // SOME CODE...
});

//...

Hope this saves your time as I spent ages figuring this out :) Thanks

Answer 2

UPDATE:-

For those of you that asked me either privately or here on how you could possibly track the SlimScroll's scroll direction (UP or DOWN)!

The bad news is this isn't something that SlimScroll offers as of yet, however on the other side, the good news is I've been able to put together a little snippet that does the job for you!

[Codepen](https://codepen.io/stylish/pen/KZXeJG?editors=0011)

Hope it helps :) Thanks