仅在特定div内滚动，并使该div填充剩余空间
[英]Scroll only inside a specific div AND make that div fill the remaining space
问题描述
我想做的基本上是这样
但是，要使此解决方案起作用，我需要指定div的高度，但是div需要填充所有剩余的高度，因此我发现了这一点
问题是：每个答案都单独起作用，但是两个答案似乎都不起作用。
这是我所拥有的：
<body>
<div id="master-page">
<div id="some-unknown-size-content"></div>
<div id="separator"></div>
<div id="sub-master-page">
<div id="more-unknown-size-content"></div>
<div id="another-separator">
<div id="scrollable-content-taking-remaining-space">
<!-- content -->
</div>
</div>
</div>
</body>
母版页上有一个asp：placeholder，它由div子母版页代替
子母版页还有另一个asp：placeholder，它替换为div scrollable-content
1 个解决方案
解决方案1
1 已采纳 2015-08-17 13:55:28
我不知道我是否正确理解了您的问题。
您可以使用以下jquery代码来计算和分配剩余空间
var remaining_space = $('#master-page').height() - $('#some-unknown-size-content').height()-$('#more-unknown-size-content').height()-$('#separator').height();
$('#scrollable-content-taking-remaining-space').css('height',remaining_space+'px');
您可以转到以下链接查看其运行情况：
使div填充剩余空间
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.