相同的高度在底部增加了额外的空间

时间:2013-10-05 01:34:17

标签: jquery wordpress equal-heights

所以我第一次使用相同的高度,并且我成功地让孩子div(#sidebar)匹配父div(#Content)的高度。但是,每页都会添加额外的空间。内容越多,垂直滚动越长,在页面底部会产生更大的空白区域。我正在使用我开发的自定义Wordpress主题,所以问题可能就在那里。我目前使用的代码如下:

<script type="text/javascript"> $(function(){ $('#Content').equalHeights(); }); </script>

以下是该网站的链接:http://fentonauto.com/web/category/sales/

提前感谢您提供任何指导!

1 个答案:

答案 0 :(得分:0)

您希望侧边栏扩展到页面底部还是等于页面内容的高度?

试试这个 -

jQuery(document).ready(function($) {

    //THIS LINE GETS THE HEIGHT OF THE LEFT COLUMN DIV
    var leftColumnHeight = $("#left-column").outerHeight();

    //THIS LINE APPLIES THE HEIGHT TO THE SIDEBAR
    $("#sidebar").css( "height", leftColumnHeight );

    //TELLS YOU THE HEIGHT OF THE LEFT CONTENT DIV (DO NOT PUT ON WEBSITE)\\
    alert ("left column height is: "+leftColumnHeight);
});

Example