jquery - 动态垂直对齐

Question

查看页面:http://www.blueclick.ca/projects/0755/html/

问题是 - 为什么它实际上不是垂直对齐的？

表格单元格上的垂直对齐属性有效，但它似乎将我的内容的顶部与中间对齐，而不是将我的内容的中间对齐到中间。

如果您单击最左侧的联系按钮，您将看到最终目标 - 内容最初将关闭并居中，当内容切换滑出时，页脚和页眉将彼此展开并分开不只是向下。

有人有什么见解可以提供吗？

一如既往的感谢

Answer 1

据我和 Google Chromes inspect element 可以告诉我的，它垂直对齐是完美的。如果你想测试以确保，做这样的事情......

    <script type="text/javascript">
    $(document).ready(function () {
        var mid = $(window).height() / 2;
        var myDivMid = $("#navigation_holder").position().top - ($("#navigation_holder").height() / 2)

        alert(mid);
        alert(myDivMid);
    });
</script>

假设我没有搞砸，那应该会告诉您窗口的中间值和 div 的中间值。