无法使用动态绝对DIV向上滚动

<div class="parent-container">
  <div class="scroll-content">
    <!-- 滚动内容 -->
  </div>
</div>

.parent-container {
  position: relative;
  height: 200px; /* 设置父容器的高度 */
  width: 300px; /* 设置父容器的宽度 */
  overflow: hidden; /* 隐藏溢出内容 */
}

.scroll-content {
  position: absolute;
  bottom: 0; /* 初始位置在父容器底部 */
}

/* 可根据需要设置滚动内容的样式 */

var scrollContent = document.querySelector('.scroll-content');
var parentContainer = document.querySelector('.parent-container');

// 监听滚动内容的高度变化
setInterval(function() {
  if (scrollContent.offsetHeight > parentContainer.offsetHeight) {
    // 当内容高度超过父容器高度时，改变子容器的位置实现滚动效果
    scrollContent.style.top = '-' + (scrollContent.offsetHeight - parentContainer.offsetHeight) + 'px';
  }
}, 1000); // 可根据需要调整监听的频率