2012-05-04 59 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