Jquery scroll function not working.

[ghost]

Hi Malihu, I like your plugins so much and i used your plugins in our website. but 1 problem i face...

when i use your plugin for body tag, its working well. but when i use it, my another custom $(window).scroll() function is not working.

what can i do?

please help!!!

[malihu]

Hello,

$(window).scroll() function works only with browser's default scrollbar.

The custom scrollbar plugin provides methods/events for doing the same thing (and much more) in your script(s). For example, you can use the onScroll callback like this:

$(selector).mCustomScrollbar({
    callbacks:{
        onScroll:function(){
          console.log("content scrolled...");
        }
    }
});

There are more than one callbacks available and you can see a list of them here: http://manos.malihu.gr/jquery-custom-content-scroller/#configuration-section

Also there's a mini guide on using them here: http://manos.malihu.gr/jquery-custom-content-scroller/#callbacks-section

[ghost]

Hi, Thank you. Your solution is working good. But

1. how can i get screen width/height and document width/height in whilescrolling callbacks?
2. i already run a function on body tag, how can i run second function on body?

eg: i m using angularjs directive. in "firstdir" directive i already use your function in body tag. now in "seconddir" directive i need to run another scroll function on body tag?

How can i do it?

Please help...

[malihu]

1. With standard jQuery, e.g. $(window).width(), $(document).height() etc.
2. You can call as many functions as you like in the callback. For example:

onScroll:function(){
    doThis();
    doThat();
}

function doThis(){
    /* code */
}

function doThat(){
    /* code */
}

[prabugovindaraj]

HI, I like this plugin. but If i have 1000 lines of data then mouse scroll is not working.

any solution?

[malihu]

@prabugovindaraj

I haven't experienced such issue before. I've made tests with content over 30000 pixels long and everything worked as expected...

Have you tried setting a fixed scrolling amount for the mouse-wheel? For example: mouseWheel:{ scrollAmount: 60 }

[prabugovindaraj]

HI, Thanks for reply.

• currently I have content over 42000 pixels long, it may extend.
• I set default scrollAmount as 60.

still it is not working. Note: version - 2.3.2

[malihu]

Are you using version 2.3.2 of custom scrollbar plugin? This is way too old!

[prabugovindaraj]

I tried with 3.1 then also not working

[malihu]

I need more info. Does this happen on specific browser(s)/OS? I cannot replicate this issue with 60000, 70000 or whatever amount of pixels. Can you send me a test page using latest plugin version where this happens?

[prabugovindaraj]

Hi, version 3.1 is working in normal DOM. I am using in dropdown. when mouse scroll time it's working but if i dragged with mCSB_dragger then mouseup dropdown is hiding. this problem not coming in 2.3

Please verify it

[malihu]

Send me a test page or jsFiddle with your implementation.