jQuery position DIV fixed at top on scroll

Question

I have a page that\'s fairly long and within the layout\'s menu, there\'s a flyout menu. I\'d like this flyout portion of the menu to show at the top of the page even when t

Answer 1

instead of doing it like that, why not just make the flyout position:fixed, top:0; left:0; once your window has scrolled pass a certain height:

jQuery

  $(window).scroll(function(){
      if ($(this).scrollTop() > 135) {
          $('#task_flyout').addClass('fixed');
      } else {
          $('#task_flyout').removeClass('fixed');
      }
  });

css

.fixed {position:fixed; top:0; left:0;}

Example