Динамическое добавление элемента

#javascript #jquery #css

всем привет , помогите добавить элемент, при прокрутке меню должна появляться кнопка,
а при топе



$(document).scroll(function() {
  var documentScrollTop = $(document).scrollTop();
  
  if (documentScrollTop > $('#header').height()) {
    $('#navbar').addClass('fixedattop');
    var shiftContent = $('#navbar').height();
    $('#content').css('margin-top', shiftContent + 'px');
  }
  else if ($('#navbar').hasClass('fixedattop')) {
    $('#navbar').removeClass('fixedattop');
    $('#content').css('margin-top', '0px');
  }
});

$(document).ready(function(){
	$("#navbar").on("click","a", function (event) {
		//отменяем стандартную обработку нажатия по ссылке
		event.preventDefault();
		//забираем идентификатор бока с атрибута href
		var id  = $(this).attr('href');
		//узнаем высоту от начала страницы до блока 
		//на который ссылается якорь
			top = $(id).offset().top;
		//анимируем переход на расстояние - top за 1500 мс
		$('body, html').animate({scrollTop: top}, 1500);
	});
});
ul.nav__menu
                            li.nav__menu
                                a.nav__link(href="#link1") Почему мы?
                            li.nav__menu 
                                a.nav__link(href="#link2") Зачем клуб?
                            li.nav__menu
                                a.nav__link(href="#link3") Как работаем?
                            li.nav__menu
                                a.nav__link(href="#link4") Контакты




исчезать.


    

Ответы

Ответ 1

Можно сделать так:



  $(document).on("scroll", function(){
    if($(document).scrollTop() == 0)
    {
      $('.knopka').css('display','none');
    }
    else
    {
      $('.knopka').css('display','block'); 
    }
  })
body
{
  height:1500px;
}
#header
{
  position: fixed;
}
.knopka
{
  display: none;
}


Knopka