jQuery mCustomScrollbar "scrollTo" not working

Question

I'm using a basic setup for mCustomScrollbar which is working great except when I call the following:

jQuery("#mcs_container").mCustomScrollbar("scrollTo","top");

Nothing happens. There is not error shown in firebug, it just does nothing. Has anyone experienced this before or does anyone have any idea why this might be happening?

Thanks!

It's kinda lame, I finally got it to work. The css was getting loaded and I guess it prevented it to calculate correctly some dimensions. — Loïc Faure-Lacroix, Nov 19 '12 at 18:29

score 10 · Answer 1 · answered Nov 29 '12 at 15:47

10

MCustomScrollbar doesn't provide feature of scrolling to top of the page. However, it does support scrolling to specific element in HTML.

For example, if I have an element with id "logout" which is at top of the page and i need to scroll at top, then write

$("#mcs_container").mCustomScrollbar("scrollTo", "#logout");

Hope you find this useful.

Cheers!

answered Nov 29 '12 at 15:47

varunvlalan

940
10
23

2

Update: mCustomScrollbar supports "top". It will find the first element in the container and scroll to it. – Patrick Geyer Jan 08 '14 at 19:47

score 2 · Answer 2 · answered Nov 18 '12 at 18:23

2

I had the same problem and solved it simply with calculating the position of my first element and scrolling to that number

answered Nov 18 '12 at 18:23

Salvador Dali

214,103
147
703
753

Thanks man! Mine was not working, even selecting the object perfectly. But I tried your approach and worked like a charm! – Vitox Jul 02 '14 at 11:32

score 1 · Answer 3 · answered Jan 18 '19 at 03:07

1

After searching for a day. Here's what I got:

Tested and working (2019): $('.demo-yx').mCustomScrollbar('scrollTo',['top',null]);

From this link. Cheers!

answered Jan 18 '19 at 03:07

elimariaaa

796
4
10
30

score 0 · Answer 4 · edited Jan 06 '23 at 13:50

0

You just need a mCustomScrollbar class..... Here is your answer...

$(".scroller-back").mCustomScrollbar("scrollTo",jQuery("#mcs_container"));

edited Jan 06 '23 at 13:50

DmitryArc

4,757
2
37
42

answered Apr 22 '15 at 10:06

mayank gupta

11

score 0 · Answer 5 · answered Oct 27 '15 at 06:18

0

I use like this, it'is working!

// set scrollbar
$('.scroll-y').mCustomScrollbar({
  theme: 'minimal-dark'
});

// then set scrollTo
$('.scroll-y').mCustomScrollbar('scrollTo', 'bottom');

answered Oct 27 '15 at 06:18

wangchi

2,945
1
16
11

score 0 · Answer 6 · answered Mar 01 '17 at 13:00

0

setTimeout( function () {
   $("#mcs_container").mCustomScrollbar('scrollTo','last');
 }, 100);

Use with time out

answered Mar 01 '17 at 13:00

Ashish Yadav

3,039
1
16
23

jQuery mCustomScrollbar "scrollTo" not working

6 Answers6

Linked