2

我正在使用以下 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的动画功能不适用于 jscrollpane,但没有它可以完美地工作。

是否可以将 jscrollpane 和动画scrollTop一起使用?

4

2 回答 2

6

不,您不能使用 scrollTop。

但是,滚动窗格有自己的内置滚动功能,您可以在此处查看示例。

滚动到 - 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;
        }
    );
于 2011-04-21T03:37:53.797 回答
5

注意:您不能将 animate() 和 jScrollPane 放在一起。但是,jScrollPane 足以包含此功能。这不是很直观,但我为您做了一些示例。干杯!

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


我有一些例子,但是 jsfiddle 挂在上面(我什至看不到源代码),所以我已经删除了它们。

于 2011-04-21T03:33:51.907 回答