css或者js如何实现这样的效果

Question

有个div可以内滚动的，不管滚动到哪儿，我都想让黑色矩形区域始终在这个框的上面可以看到并且在框内水平居中，如何实现，
试了下div相对定位，黑色矩形绝对定位，但是滚动条滚动的时候框就看不到了，也滚过去了，
有没有什么好的方法呢

PS：不需要依赖外部div的方法