jQuery scroll content at specific class element

Question

I am using mCustomScrollbar script for custom scroll bar effect now I want to scroll page on specific class element. Class position is not fixed, It can be top or bottom.

In my example I have one anchor link and I want to page scroll to active class. Page will scroll only when user click to anchor.

Here is my JS Code:

$( "#scroll" ).click(function() {
    //scroll page to active class
});

$("#content_1").mCustomScrollbar({
    scrollButtons: {
        enable: true
    }
});

Here is my JSFiddle: http://goo.gl/6dpT7l

Note: Scroll position is not fixed. It can be anywhere UP/Down.

Any Idea? How to do this?

Thanks.

check out this question: http://stackoverflow.com/questions/6677035/jquery-scroll-to-element — Harko, Dec 22 '14 at 12:29

score 0 · Accepted Answer · answered Dec 22 '14 at 13:25

0

In your fiddle, it seems to be as simple as scrolling to the paragraph in question's position().top attribute. Replace your alert with this:

$("#content_1").mCustomScrollbar('scrollTo', $('.active').position().top);

answered Dec 22 '14 at 13:25

Curtis Autery

76
1
4

Thanks for your support. Its working prefect for me. :) – Mr.Happy Dec 25 '14 at 05:32

jQuery scroll content at specific class element

1 Answers1