调整div来填充屏幕的100％，而不是滚动条

我得到了一个菜单在我的150px高的标题左下方，我试图让菜单填充屏幕的剩余空间高度没有得到一个滚动条。调整div来填充屏幕的100％，而不是滚动条

目前我得到了下面的脚本。减去从DIV菜单：

$(document).ready(function(){ 
    $(window).resize(function(){ 
     $('#left_menu').height($(window).height() - 150 + 'px'); 
     $('.inner_contentwrapper').height($(window).height() - 150 + 'px'); 
    }); 
});

当我刷新页面菜单仍然strechted太远，但如果我打开Firebug，并关闭它的两个div调整滚动条消失。

有人知道如何使页面加载运行？

来源

2012-02-09 ffffff01

是否有一个原因，你不这样做的样式？ – 2012-02-09 17:37:55

当他们不知道什么#left_menu和.inner_contentwrapper是...我建议创建一个jsfiddle与你的问题，任何人都能够帮助你。但乍一看，你似乎将两个元素放在同一高度。 – TigOldBitties 2012-02-09 17:38:21

问题是，我的页面顶部有一个页眉，当我使用height：100％时，菜单太长。菜单太长..它在浏览器窗口之外，我得到一个滚动条。 – ffffff01 2012-02-09 18:38:44

这是工作后，你打开萤火虫B/C的窗口正在调整大小。在你的代码中，当文档准备就绪时，你永远不会调用你的调整大小。我想你真的想要：

var reHeight = function(){ 
    $('#left_menu').height($(document).height() - 150 + 'px'); 
    $('.inner_contentwrapper').height($(document).height() - 150 + 'px'); 
} 
$(document).ready(function(){ 
    $(window).resize(reHeight); 
    reHeight(); 
});

来源

2012-02-09 18:49:04 rgthree

谢谢。这工作！ – ffffff01 2012-02-09 19:20:36

你可以尝试改变你不想要滚动条的div的CSS。这样

$('#left_menu').css('overflow', 'visible')

来源

2012-02-09 17:39:03 Marc

你可以立足新的大小关窗的大小不是文件大小（这可能会比你的窗口大）

$(document).ready(function(){ 
    $(window).resize(function(){ 
    $('#left_menu').height($(window).height() - 150 + 'px'); // why are you subtracting 150? might want to remove that... 
    $('.inner_contentwrapper').height($(window).height() - 150 + 'px'); 
    }); 
})

;

来源

2012-02-09 17:43:17 ehudokai

嗯，stille同样的问题..它工作后，我打开萤火虫..我减去150px，因为我的顶部标题是150px的高度。 – ffffff01 2012-02-09 18:36:36

调整div来填充屏幕的100％，而不是滚动条

回答

相关问题