Как закрепить элемент position: fixed, когда он «касается» top страницы?

$(document).ready(function(){
     $(window).scroll(function(){
     	var headerHeight = $('.slider').height();
        if ($(this).scrollTop() >headerHeight) {
            $('.header').addClass("fixed");
        } else {
           $('.header').removeClass("fixed");
        }
    });
});

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