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

329

09 марта 2017, 23:34

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

$(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") Контакты

исчезать.

Answer 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; 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<ul id="header"> 
<li class="knopka">Knopka</li> 
</ul>

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Date назад на 10 лет

Помогите написать функцию которая с нынешнего времени пойдет назад на 10 лет и возвратит дату время год неделю и все о дате на английском

313

javascript

посмотреть команды в package.json

Какая команда в консоле, чтобы посмотреть список доступных скриптов

298

javascript

onclick и innerHTML

Подскажите, пожалуйста, почему событие onclick в коде ниже не выполняетсяЕсли убрать последнюю строку с innerHTML, всё работает:

259

javascript

Angular 2. SyntaxError: Unexpected token O in JSON at position 0

При попытке создания новой коллекции в mongoDB, вываливается вот такая вот ошибка:

803