title: Jquery FullCalendar - Fix headers
body: <p>I'm using <strong><a href="http://arshaw.com/fullcalendar/" rel="nofollow noreferrer">Adam Shaw's FullCalendar</a></strong> plugin with <strong><a href="http://www.ikelin.com/jquery-fullcalendar-resource-day-view/" rel="nofollow noreferrer">resource-view</a></strong> integration. This is how my FullCalendar looks like.</p>
  
  <p><img src="https://i.stack.imgur.com/G6paB.jpg" alt="my implementation"></p>
  
  <p>I want to <strong>fix</strong> the <strong>highlighted area</strong>, So that scrolling all the way to bottom will not hide the staff names. </p>
  
  <p>I just want to make that <strong>header</strong> scrollable <strong>until it touches the top of the browser</strong> and <strong>stick</strong> it there during rest of the scrolling time.</p>
  
  <p>In this manner, even when I'm working with lower part of the calendar I still know the column names corresponding to the staff without scrolling up and down. </p>
  
  <p>Has anyone ever tried this before? Are there any resources for this?</p>
  
  <p>Appreciate any help. Thanks a lot!</p>