Flexbox 100％高度背景问题

Question

我创建了一个2列布局，应该填充100％的高度，并根据需要运行，但在Chrome / Safari上，如果内容扩展超出浏览器高度，则在滚动时右栏的背景会中断：

http://codeply.com/view/yCE7TYvKkV

Screenshot of issue when scrolling

我不能为我的生活找出如何解决这个问题，任何洞察力都会受到赞赏。

Answer 1

好的，你的问题就是这个div

<div class="row h-100">
  //Content
</div>

你申请身高：100％;导致问题的原因因为你的左右列高度固定在窗口高度上。

所以如果你删除你的h-100课它会正常工作。