滚动到顶部模式弹出

Question

我有一个模态弹出窗口使用它作为基础：

http://codepen.io/maccadb7/pen/nbHEg

.modal:before {
  content: "";
 display: none;
 background: rgba(0, 0, 0, 0.6);
 position: fixed;
 top: 0;
 left: 0;
 right: 0;
  bottom: 0;
  z-index: 10;
}
.modal:target:before {
 display: block;
}
.modal:target .modal-dialog {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
top: 20%;
}

我已经调整了它，稍微适应了长篇内容，就像我在这里做的那样：

http://media.conceptcomms.com/CloseBrothers@DataCapture.html/AD56HWB

codepen演示滚动到底部，但我需要滚动到顶部。我已经定位了模式绝对的＆＃39;而不是“固定”，所以用户可以滚动查看，但滚动到底部可以模糊初始状态。

我已经尝试过将它放在更高的位置，但它会在标题内容之下，这是我不想进入的头痛。用z-indexes搞乱是不行的。

我也尝试过ScrollToTop（），但这禁用了模态。

非常感谢任何帮助。