javascript - 垂直居中 jQuery Accordion

标签 javascript jquery html css

我用了this script创建一个 jQuery Accordion 。查看 working jsFiddle here .

效果很好,但我希望 Accordion 在页面上垂直居中。这个想法是,随着 Accordion 高度的变化,DIV 将不断重新对齐以垂直居中。 Accordion 似乎从页面中心展开,而不是从顶部向下滑动。

最佳答案

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

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

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

关于javascript - 垂直居中 jQuery Accordion ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9845441/

相关文章:

javascript - JQM pagebeforechange 和事件源

java - 从 FreeMarker 上的 CSS 代码中删除换行符?

javascript - jQuery 在控制台中工作但在加载网站时不工作

html - anchor 标记在 IE6 中无法打开 PDF

css - Figcaption 留下不需要的空间线?

javascript - 多次调用 Raphael 悬停函数仅有效 'sometimes'

javascript - 如何让我的按钮在任何地方点击它的地方工作?

javascript - 如何设置事件选项卡

javascript - date.getTime 在 cookie 的过期标志中的用途?

javascript - 通过 URL 查询进行表单控制