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

Тема в разделе "JavaScript", создана пользователем jabbaxatt, 7 окт 2014.

Модераторы: ZiX
  1. jabbaxatt

    jabbaxatt Добрый модератор

    Moderator
    Регистр.:
    21 янв 2009
    Сообщения:
    881
    Симпатии:
    414
    http://echo.msk.ru/ при прокрутке страницы внизу возникает Div с кодом.

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

    Безымянный.png
     
  2. ArtyGrand

    ArtyGrand Постоялец

    Регистр.:
    6 июн 2009
    Сообщения:
    80
    Симпатии:
    37
    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');
    });