fixed定位既然相对于屏幕视口定位，为什么在滚动时不生效

fixed定位是一种CSS属性，用于将元素相对于浏览器窗口进行定位，而不是相对于其父元素。它会使元素固定在屏幕上的某个位置，不会随页面滚动而改变位置。

当你设置一个元素为fixed定位时，它的位置会相对于浏览器窗口的可视区域进行计算。因此，无论页面如何滚动，该元素都会保持在固定的位置上，不会随滚动而移动。

如果你发现在滚动页面时fixed定位不生效，可能有以下几个原因：

1. 元素的父元素设置了overflow属性为hidden或scroll，这会导致元素的fixed定位相对于父元素而不是浏览器窗口。解决方法是将父元素的overflow属性设置为visible。
2. 元素的祖先元素设置了transform属性，这会导致元素的fixed定位相对于最近的具有transform属性的祖先元素。解决方法是将祖先元素的transform属性设置为none。
3. 元素的z-index值较小，被其他元素覆盖。可以尝试增加元素的z-index值来确保它在层叠顺序上处于较高的位置。

 示例，给搜索框固定在网页上方，但是在鼠标向下滚动时，搜索框会消失。这是内容区域的z-index比搜索框 默认的z-index大

给搜索框坐在样式加上较大的z-index即可