如果你想要在滚动页面时让表头保持固定，可以使用CSS的position属性来实现。下面是一个示例代码：

HTML:

  

    

      

        
表头1
        
表头2
        
表头3
      
    
    

      
    
  

CSS:

.table-container {
  max-height: 200px; /* 设定表格容器的最大高度 */
  overflow-y: auto; /* 添加垂直滚动条 */
}

table {
  width: 100%;
  border-collapse: collapse;
}

thead {
  position: sticky;
  top: 0;
  background-color: #f9f9f9;
}

th {
  text-align: left;
  padding: 8px;
  border-bottom: 1px solid #ddd;
}

上面的代码中，我们给包含表格的容器元素设置了一个固定的最大高度，并添加了垂直滚动条。然后，我们将表格的表头部分（thead）设置为position: sticky，这样它就会在滚动时保持固定。你可以根据需要调整表头的样式，比如添加底边框等。

请注意，这个解决方法使用了CSS的sticky定位属性，它在某些旧版本的浏览器上可能不被支持。如果你的目标是支持旧版本的浏览器，你可能需要使用JavaScript库来实现相同的效果。