不能使用jscrollpane的动画scrollTop？

Question

我正在使用以下jQuery函数顺利滚动到页面部分:

function scrollTo(element) {    
    //$('html, body').animate({           // before the addition of jscrollpane
    $('#full-page-container').animate({   // after addition of jscrollpane
        scrollTop: $(element).offset().top
    }, 1500);
}

我添加了jscrollpane来替换默认的页面滚动条,看起来上面使用scrollTop的animate函数不能与jscrollpane一起使用,但没有它就可以完美地工作.

是否可以同时使用JScrollPane的和动画与scrollTop的？

Answer 1

不,你不能使用scrollTop.

但是,scrollpane有自己的内置滚动,您可以在这里看到示例.

滚动到 - JScrollPane

示例,取自jScrollPane站点:

var api = pane.data('jsp');

    $('#but-scroll-to').bind(
        'click',
        function()
        {
            // Note, there is also scrollToX and scrollToY methods if you only
            // want to scroll in one dimension
            api.scrollTo(parseInt($('#toX').val()), parseInt($('#toY').val()));
            return false;
        }
    );

Answer 2

注意:您不能一起动画()和jScrollPane.但是,jScrollPane非常适合包含此功能.它不是很直观,但我为你做了一些例子.Cheerio!

有关更多有用信息,请参阅jScrollPane API.

我有一些例子,但jsfiddle挂在他们身上(我甚至看不到源代码),所以我删除了它们.