jQuery工具可滚动,动态改变高度

时间:2010-06-24 12:14:22

标签: jquery-ui jquery-scrollable

我的页面中有一个可滚动的div。容器div的最小高度设置为某个值。我希望可滚动的项目可以显示/隐藏。这意味着可滚动的高度不固定。显示项目时,可滚动的高度也应更改为更长。但这不起作用。当显示项目时,可滚动不会变得更长,这使得所示项目未完全显示。

我认为它与可滚动插件有关。但我无法弄清楚为什么。有人帮忙吗?

1 个答案:

答案 0 :(得分:4)

使用可滚动事件

实施例

$("#flowpanes").scrollable({ 
    circular: true, 
    mousewheel: false, 
    onBeforeSeek: function(evt, index){
        $('#flowpanes').stop().animate({ height: $('.item').eq(index+1).height()+'px'}, 250);
    }
})

您需要将1添加到索引,因为Scrollable克隆了第一个和最后一个项目。