2012-05-04 40 views
1

當我與jQuery的擴展jScrollPanescrollTo插件相結合的問題。如果我將scrollTo命令應用於可滾動容器並且滾動位於頂部位置,則滾動條將消失。 (如果滾動不在頂部位置,一切工作正常。)JScrollPane的滾動條消失將scrollTo

要獲得滾動回來,我嘗試重新初始化。然後會發生的事情是滾動回到頂部,取消scrollTo命令。

我的代碼:

$('#myScrollableDiv div.jspContainer').scrollTo(delta); 
    c = $('#myScrollableDiv').jScrollPane({ 
     autoReinitialise: true, 
     maintainPosition: true 
    }); 
+0

如果我遲疑了第二份聲明,其實我可以看到滾動DIV從頂部位置的正確位置,但是當'應用jScrollPane',它可以追溯到頂端。據我所知,它看起來像jScrollPane中的一個錯誤。 – Gruber

回答

1

如果使用JScrollPane的,你必須使用JScrollPane的功能向下滾動。

var delta = 20; 
var element = $('#myContainer').jScrollPane(); 
var api = element.data('jsp'); 
$('#scroll').click(function() { 
    api.scrollByY(delta); 
});​ 

Try it on jsfiddle

請參jScrollPane Api用於爲API變量函數的列表。

注:當你忽略周圍的文字p標籤它不工作。

+0

謝謝,你是救世主!我顯然使用錯誤的命令來滾動jScrollPane內容,並且我也將它應用到了錯誤的DOM元素。有趣的是,我用一種有缺陷的方法得到了它。 – Gruber