Как добавить класс при достижении определенного элемента верха страницы и удалить его?

jQuery(document).ready(function($){

        $(window).on('scroll', function(){
            if($(window).scrollTop() < $('#element').offset().top){
              $('.menu').removeClass('addclass');
            }
          });
    });

jQuery(document).ready(function($){
    $(window).on('scroll', function(){
        if($(window).scrollTop() >= $('#element').offset().top){
            $('.menu').addClass('addclass');
        }
        else 
        {
            $('.menu').toggleClass('addclass');
            //or use $('.menu').removeClass('addclass');
        }
 });
});