如何將div鎖定到頁面頂部

Question

我正在使用haml構建我的web應用程序。在我的頁面中，我有2個部分，標題和頭像縮略圖。我想保持標題部分鎖定在頁面頂部，但頁面的其餘部分可以滾動。我怎樣才能做到這一點？

.standalone_thread_wrapper 
    //I WANT TO FIX THIS SECTION AT TOP OF PAGE 
    .page_section.header 
    .text 
     %h4 
    .action 
     %input.btn.primary.add_muse{type: "submit", value: "Add Muse"} 
    .clear 
    .page_section.avatar_thumbnails 
    %a{href: "#", rel: "tooltip", title: "See all muses", nickname: "All"} 

Answer 1

您可以使用固定位置CSS .page_section.header。見下文，

.page_section.header { 
    position: fixed; 
    top: 0px; 
}