javascript - 无法将 animatescrollTop 与 jscrollpane 一起使用？

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 和 animate 与 scrollTop 一起使用？

Answer 1

不，你不能使用scrollTop。

但是，scrollpane 有自己内置的滚动功能，您可以看到 here 的示例.

Scroll To - 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;
        }
    );