不能将动画 scrollTop 与 jscrollpane 一起使用？答案

【问题标题】：can't use animate scrollTop with jscrollpane?不能将动画 scrollTop 与 jscrollpane 一起使用？
【发布时间】：2011-04-21 02:20:45
【问题描述】：

我正在使用以下 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 一起使用？

【问题讨论】：

德卡，你没有得到足够好的答案吗？

标签： javascript jquery jscrollpane scrolltop

【解决方案1】：

不，你不能使用 scrollTop。

但是，滚动窗格有自己的内置滚动功能，您可以查看 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;
        }
    );

【讨论】：

【解决方案2】：

注意：你不能同时使用 animate() 和 jScrollPane。但是，jScrollPane 足以包含此功能。这不是很直观，但我为您做了一些示例。干杯！

有关更多有用信息，请参阅jScrollPane API。

我有一些例子，但是 jsfiddle 挂在上面（我什至看不到源代码），所以我把它们删除了。

【讨论】：