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; 
} 

所以，這將是在容器內，並在頁面滾動移動。