尝试将标题粘贴到DIV的顶部，并在其下方滚动内容

<div id="container">
  <h1 id="title">标题</h1>
  <div id="content">
    <!-- 滚动内容 -->
  </div>
</div>

#container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
}

#title {
  position: sticky;
  top: 0;
  background-color: #fff;
  padding: 10px;
}

#content {
  padding-top: 50px; /* 标题高度 */
}

window.addEventListener('scroll', function() {
  var title = document.getElementById('title');
  var container = document.getElementById('container');
  var scrollTop = window.pageYOffset || document.documentElement.scrollTop;
  
  if (scrollTop > container.offsetTop) {
    title.classList.add('sticky');
  } else {
    title.classList.remove('sticky');
  }
});