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