jquery - 如何将div锁定在页面顶部

Question

我正在使用 haml 来构建我的网络应用程序。在我的页面中，我有 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; 
}