Fixed sidebar navigation in fluid twitter bootstra

Question

Is it possible to make sidebar navigation stay always fixed on scroll in fluid layout?

Answer 1

I started with Andres' answers and ended up getting a sticky sidebar like this:

HTML:

<div class="span3 sidebar-width">
  <div class="well sidebar-nav-fixed">
    Sidebar
  </div>
</div>

<div class="span9 span-fixed-sidebar">
  Content
</div> <!-- /span -->

CSS:

.sidebar-nav-fixed {
  position:fixed;
}

JS/jQuery:

sidebarwidth = $(".sidebar-width").css('width');
$('.sidebar-nav-fixed').css('width', sidebarwidth);
contentmargin = parseInt(sidebarwidth) + 60;
$('.span-fixed-sidebar').css('marginLeft', contentmargin);

I'm assuming I also need JS to update the 'sidebarwidth' variable when the viewport is resized.