CSS`Position：Fixed`不能继续滚动

Question

我试图放置一个位置：固定在div“.ais-search-header”，但它在滚动时不移动。我也尝试从父div中拖出来，但仍然没有工作。

网址：https://kickegg0.myshopify.com/search.searchdata?q=q 通行证：tweast

Answer 1

位置“固定”的定位是基于浏览器窗口，以便不会与滚动移动。如果你想移动滚动使用位置'绝对'

Answer 2

A position: fixed元素对其父容器没有依赖性。它的位置实际上取决于浏览器窗口。这意味着它不会在页面滚动中移动或滚动。它将位于页面顶部。但是那个元素下的那些将根据页面进行滚动。如果您想根据容器移动滚动，给它position: absolute喜欢： -

#parent { 
    position: relative; 
} 
#container { 
    position: absolute; 
} 

所以，这将是在容器内，并在页面滚动移动。