固定div与身体滚动

Question

我有一个固定的div 100％高度，里面有一些内容：

https://jsfiddle.net/bvr8yp7p/4/

当垂直高度小于内容div的高度时，是否可以在主体上获得滚动条？ （本例中为400px）。这样我可以从上到下垂直滚动蓝色内容？ （但滚动页面，而不仅仅是蓝色内容div）

<div id="fixed">
  <div id="content"> </div>
</div>

Answer 1

我不知道它是否对您的其他应用程序有帮助，但在小提琴案例中这可能有所帮助：

body {
    min-height: 400px;
}

Answer 2

当div被修复时，即使正在滚动正文，它也无法滚动。如果div必须是固定的，那么当体高小于div高度时（例如400px），你必须使用脚本来释放它。请参阅下面的jQuery示例。

$(function(){
  var viewHeight = window.innerHeight;
  if(viewHeight < 400){
    $('#fixed').css({position:"relative"});
  }

});