不能使用带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的上述将不会与jscrollpane一起使用，但在没有它的情况下完美地工作。

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

Answer 1

备注：您不能将animate（）和jScrollPane放在一起。但是，jScrollPane很好包含此功能。这不是很直观，但我为你举了一些例子。 Cheerio！

查看jScrollPane API了解更多有用信息。

---

我有一些例子，但是的jsfiddle挂在他们（我甚至不能看到源代码），所以我已经删除它们。

Answer 2

不，你不能使用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; 
     } 
    );