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一起使用，但没有它就能完美无缺。

是否可以将 scrollTop 同时使用jscrollpane和动画？

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

Answer 2

注意：您不能同时动画（）和jScrollPane。但是，jScrollPane非常适合包含此功能。它不是很直观，但我为你做了一些例子。 Cheerio！

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

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

不能使用jscrollpane的动画scrollTop？

2 个答案: