Событие scroll : jquery

Имеется блок header, и при скролле, когда header уже не видно, нужно сделать header фиксированным, чтобы его было постоянно видно. Я решил это так:

https://jsfiddle.net/2fg6aj3b/

js:

$(window).scroll(function() {
    var scroll = $(this).scrollTop(),
        $bottom = $('.bottom');
    if( !$bottom.hasClass('fix') && scroll > 50 ){
        $bottom.addClass('fix');
    }else if( $bottom.hasClass('fix') && scroll <= 50) {
        $bottom.removeClass('fix');
    }
})

но меня интересует следующее в этом js-коде: получается, что при скроллинге будет постоянно вызываться этот обработчик scroll.
Можно ли как-то сделать, чтобы этот обработчик срабатывал только в верхней части страницы, т.е. чтобы не перегружать браузер лишними обработчиками?
Как обычно решается эта проблема?
И правильно ли я сделал обработчик?