页面滚动时，元素会固定在屏幕的顶部位置(毕设-亲测有效)

.front-header {
  position: sticky;
  top: 0;
  z-index: 999;
}

       这段CSS代码的作用是将元素的定位设置为sticky，即当页面滚动时，元素会固定在屏幕的顶部位置。通过设置top属性为0，元素会始终保持在页面顶部。z-index属性用于控制元素在其他固定定位元素之上的显示层级。在本例中，设置为999的z-index值可以确保元素显示在其他元素的上方。