HTML：

<div id="profileContainer”>…</div>

CSS：

#profileContainer {
  border-radius: 25px;
  background: #ffffff;
  padding: 10px;
  width: 100%;
  max-width: 760px;
  display: inline-block;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}

问题是当屏幕垂直缩短时,窗体的一部分被隐藏,并且没有滚动条可以使其可访问：JSFiddle.

题：

当单独的垂直空间不足时,如何使滚动条出现,但是当有足够的空间时,请保持我的div水平和垂直居中？