将文本与页面顶部的通知栏一起移动

<div id="notification">通知栏内容</div>
<div id="text">文本内容</div>

#notification {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #f5f5f5;
  padding: 10px;
}

#text {
  position: absolute;
  top: 50px; /* 根据通知栏的高度进行调整 */
  left: 0;
  width: 100%;
  padding: 10px;
}

window.addEventListener('scroll', function() {
  var notificationHeight = document.getElementById('notification').offsetHeight;
  var scrollTop = window.pageYOffset || document.documentElement.scrollTop;
  var textElement = document.getElementById('text');
  textElement.style.top = (notificationHeight + scrollTop) + 'px';
});