如何处理触发100px的固定元素（顶部：100px）内的滚动条？

Question

我有一个固定元素，需要从顶部保持100px，从右侧保持0px，我想要一个滚动条。我通过在其中应用overflow: scroll的绝对定位元素来解决这个问题。这工作正常但是它看起来像滚动条出现100px（恰好是顶部px值）晚于它应该。所以隐藏了100px的内容。

如果我删除了top:100px属性，则滚动条会准确显示。

如果需要，这是我的HTML：

<div class="fixed">
    <div class="absolute">
        {content}
    </div>
</div>

CSS：

.fixed{
  position: fixed;
  right: 0;
  top: 100px;
  width: 300px;
}
.absolute{
  position: absolute;
  height: 100%;
  overflow: auto;
}

有没有解决方案来解决这个问题？

谢谢！