Как сделать всплывающий при прокрутке (скроллинге) Div , как на эхо москвы.

jabbaxatt

Добрый модератор
Регистрация
21 Янв 2009
Сообщения
902
Реакции
432
Для просмотра ссылки Войди или Зарегистрируйся при прокрутке страницы внизу возникает Div с кодом.

Как сделать похожий?

Безымянный.png
 
HTML:
Стиль

.row{
  position:fixed;
  bottom:-60px;
  width:100%;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
}
.row.showed{
  bottom:0;
}


Код

$(window).scroll(function(){
  var top = $(document).scrollTop();
  if (top > 120) $('.row').addClass('showed');
  else $('.row').removeClass('showed');
});
 
Назад
Сверху