javascript - 如何滚动到我的按钮？ .scrollTo()不起作用

There is my page

只是一个简单的照片查看器。

但是我不知道如何通过我的按钮向下/向上滚动。

我试图使用jquery .scrollTo（y-offset），但是它不起作用。

这是我的功能：

function ScrollDown() {
        var $chapters = $('#dContent').children('.sContent');
        var $chScrollPositions = new Array();

        $chapters.each(function (i) {
            $chScrollPositions[i] = Math.round($(this).offset().top - $('#dContent').offset().top) - 10;
            //alert($chScrollPositions[i]);
        });

        var last = $chapters.parent().find('.active').removeClass('active').index();

        var next = (last + 1 == $chapters.length) ? 0 : last + 1; // Loop around to first chapter
        $chapters.eq(next).addClass('active'); // Set Next Chapter Active
        $('#dContnet').scrollTo($chScrollPositions[next]);
    }

你能帮我么？

谢谢。

最佳答案

使用animate来做到这一点

$("html:not(:animated),body:not(:animated)").animate({ scrollTop: 1000}, 300);

关于javascript - 如何滚动到我的按钮？ .scrollTo()不起作用，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/23067736/