jquery появлении кнопки при скролле

$(document).scroll(function() { 
  var documentScrollTop = $(document).scrollTop(); 
   
  if (documentScrollTop > $('#header').height()) { 
    $('#navbar').addClass('fixedattop'); 
    var shiftContent = $('#navbar').height(); 
    $('#content').css('margin-top', shiftContent + 'px'); 
    //$('.addbutton').show() //при нажатии скроллиться вверх. 
  } 
  else if ($('#navbar').hasClass('fixedattop')) { 
    $('#navbar').removeClass('fixedattop'); 
    //$('.addbutton').hide() 
  } 
}); 
$(document).ready(function(){ 
	$("#navbar").on("click","a", function (event) { 
		event.preventDefault(); 
		var id  = $(this).attr('href'), 
			top = $(id).offset().top; 
		$('body,html').animate({scrollTop: top}, 1500); 
	}); 
}); 
 
$(document).ready(function(){ 
  if ($('#navbar').hasClass('fixedattop')) { 
     $('.addbutton').hide()  
  } else { 
    $('.addbutton').show() 
  } 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
<nav id="navbar" class="hidden-xs hidden-sm"> 
        <div class="container"> 
          <div class="removes col-md-3"><a href="#top"><img src="img/header/manyanya.svg" class="logo logo1"></a></div> 
          <div class="adds col-md-offset-1 col-md-8"> 
            <ul class="nav__menu mrgtop2"> 
              <li class="nav__menu"><a href="#link1" class="nav__link">Почему мы?</a></li> 
              <li class="nav__menu"> <a href="#link2" class="nav__link">Зачем клуб?</a></li> 
              <li class="nav__menu"><a href="#link3" class="nav__link">Как работаем?</a></li> 
              <li class="nav__menu"><a href="#link4" class="nav__link">Контакты</a></li> 
            </ul><a href="#myModal" data-toggle="modal"> 
              <button type="submit" name="#" class="addbutton button addbt">Оставьте заявку</button></a> 
          </div> 
        </div> 
      </nav>