将DIV的高度调整为页面上有多少内容

Question

我想在菜单中的链接上点击我网站上的内容。标识和菜单不得变暗。 This example on jsFiddle显示我的意思。 DIV应根据特定页面上有多少内容来调整其高度。

例如，在jsFiddle页面上，我有5行文本。当我点击内容中的链接时，dim-page将会显示，并且只有内容因为它具有固定的高度而变暗。根据页面上有多少内容，我怎样才能使这个高度动态变化？

Answer 1

你可以将内容DIV获取高度

$(document).ready(function() { 
    $('#link').click(function() { 
     var contentHeight = $(".content").outerHeight(); 
     $('.dim-page').show().height(contentHeight); 
    }); 
});