解决“标题不固定在屏幕顶部”的方法可以使用CSS和JavaScript来实现。下面是一个包含代码示例的解决方案：

HTML代码：

  
  
  


  

    
标题
  
  

    
  

CSS代码（style.css）：

header {
  position: sticky;
  top: 0;
  background-color: #f1f1f1;
  padding: 10px;
  z-index: 999;
}

JavaScript代码（script.js）：

window.addEventListener("scroll", function() {
  var header = document.querySelector("header");
  header.classList.toggle("sticky", window.scrollY > 0);
});

解释：

1. CSS中的position: sticky;属性可以使标题始终固定在屏幕顶部。
2. 通过window.addEventListener("scroll", function() {...})监听滚动事件，当页面滚动时，使用classList.toggle("sticky", window.scrollY > 0)来添加或移除sticky类。
3. sticky类在CSS中定义了标题在顶部固定的样式。

请注意，这只是一个基本的解决方案示例，您可以根据自己的需求进行修改和优化。