修复另一个滚动div右上角的div

Question

我需要在另一个可滚动的div的右上角修复div。

我尝试遵循how to place last div into right top corner of parent div? (css)给出的一些答案，并进行了一些播放，但是当我滚动父div时，它总是滚动出视线。我如何确保它在那里？

这是我所需要的最接近的。但是如果我滚动父div，它就会滚动到视图之外。

.A {
  position: absolute;
  height: 130px;
  overflow: auto;
}

.B {
  position: absolute;
  right: 2px;
  top: 2px;
}

<div>
    <div className="A">
        <b>SOME TEXT</b>
        <div className="B">
            <b>SOME OTHER TEXT</b>
        </div>
    </div>
</div>

Answer 1

@ Mohammad Faisal是正确的。您需要在子分区上进行position: fixed。

这里是工作代码：https://codesandbox.io/s/restless-frost-6lu3y