Use the below snippet to toggle a class on page scroll, scroll down to add, scroll back up to remove.
Update elements, class name and height as needed.
var $document = $(document),
$element = $('header.banner'),
className = 'fixed-header';
$document.scroll(function() {
$element.toggleClass(className, $document.scrollTop() >= 90);
});