jQuery滚动特定类元素的内容

Question

我现在使用mCustomScrollbar脚本自定义滚动条效果，我想在特定类元素上滚动页面。 班级位置不是固定的，可以是top或bottom 。

在我的示例中，我有一个锚链接，并且我想将页面滚动到active类。 仅当用户click锚定时页面才会滚动。

这是我的JS代码：

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

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

这是我的JSFiddle： http : //goo.gl/6dpT7l

注意：滚动位置不固定。 它可以在上/下任意位置。

任何想法？ 这个怎么做？

谢谢。

Answer 1

在您的小提琴中，这似乎很简单，只需滚动到相关问题的position（）。top属性中的段落即可。 以此替换警报：

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