我如何对齐与jQuery垂直对齐的元素

Question

我有这个网站：

link

在左栏中，我找到了一个菜单

我希望将其与中心菜单对齐...我在下面放了一张图片，以便更清楚地了解我的意思。

CODE JS：

function centerContent()
{
    var container = $('#secondary');
    var content = $('#primary-sidebar');
    var logo=$('#secondary h1:first-child');
    content.css("margin-top", (container.height()-logo.height()-content.height())/2);
}

请告诉我，为什么显示菜单太低？计算错了吗？

提前致谢！

Answer 1

是的，你可以使用$（window）.height（）作为窗口高度和$（文档）.scrollTop（）（文档开始和当前滚动高度之间的空间）来计算屏幕的中间位置。试试这个：

var middleHeight = $(document).scrollTop() + $(window).height() / 2.0;