垂直居中jQuery手风琴

时间:2012-03-23 19:33:43

标签: javascript jquery html css

我用this script创建了一个jQuery手风琴。查看working jsFiddle here

它很棒,除了我希望手风琴在页面上垂直居中。这个想法是,随着手风琴高度的变化,DIV将不断重新排列为垂直居中。手风琴似乎从页面中心扩展,而不是从顶部向下滑动。

1 个答案:

答案 0 :(得分:2)

您可以编写一个方法,将手风琴容器居中,并根据您的逻辑完成滑动动画时调用此方法。

function centerIt(){
    var $accordion = $('.accordion');
    $accordion.css('top', ($(window).height() - $accordion.height())/2);
}

工作演示 - http://jsfiddle.net/hDRMP/6/