Javascript 如何处理固定元素（顶部：100px）中的滚动条，该元素稍后会触发100px？

我有一个固定的元素，需要保持100px从顶部和0px从右侧，我想在里面有一个滚动条。我通过使用一个绝对定位元素来处理这个问题，我在其中应用了溢出：scroll。这可以正常工作，但看起来滚动条显示100px的时间比它应该显示的时间晚。所以100px的内容被隐藏了

如果我删除top:100px属性，滚动条会在它应该出现的时候出现

如果需要，这是我的HTML：

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

有没有办法克服这个问题

---

谢谢

设置定位固定元素的宽度和高度如何？@Jai编辑了代码。我设置了宽度，但不幸的是，这与问题无关。@SujataChanda我提供了代码。请检查此小提琴：。我不确定我是否得到了你想要的，但是如果你还需要什么，请告诉我。在那把小提琴中，滚动条显示在。绝对的顶部，正如预期的那样。问题是什么？也许你看到的屏幕截图会有用

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