Posted By

Meander365 on 09/09/10

Tagged

Versions (?)

Last Edited at 09/09/10 09:48am

Statistics

Viewed 876 times

Favorited by 0 user(s)

Related snippets

Fixed Position of An Element Relevant to Parent

/ Published in: JavaScript

Great for those situations where you need an element fixed on a page - so when a user scrolls it stays in the same position - *relative to its parent element*.

Expand | Embed | Plain Text

Copy this code and paste it in your HTML

var top = $('#tabs').offset().top - parseFloat($('#tabs').css('marginTop').replace(/auto/, 0));
	$(window).scroll(function (event) {
    // what the y position of the scroll is
    var y = $(this).scrollTop();
 
    // whether that's below the form
    if (y >= top) {
      // if so, ad the fixed class
      $('#tabs').addClass('fixed');
    } else {
      // otherwise remove it
      $('#tabs').removeClass('fixed');
    }
  });
});