• TeodorBest
  • Новенький
  • Неактивен
  • Зарегистрирован: 08-11-2013
  • Сообщений: 19

Тема: Фиксированный блок

Здравствуйте народ! Подскажите, может кто знает как получить вот такое чудо на сайте
Пример: http://www.radiorecord.ru/ - При прокрутке плеер фиксит свою позицию.
Пробовал различные варианты, то (предлагают в основе фикс. меню,а не блок)

Отредактировано TeodorBest (29-04-2014 20:48:10)

2 Ответ от Leff27

  • Leff27
  • Leff27
  • Часть форума
  • Неактивен
  • Зарегистрирован: 27-01-2011
  • Сообщений: 727

Re: Фиксированный блок

Гуглить никто не умеет что ли...

$( document ).scroll(function() {
    if( $( document ).scrollTop() > 100 )
    {
        // Тут ставим position: fixed и т.д
    }
    else
    {
        // Тут ставим position: static и т.д.
});

Сайт Leff27

3 Ответ от tarasian666

  • Откуда: Львів
  • Зарегистрирован: 04-09-2009
  • Сообщений: 6,245

Re: Фиксированный блок

Помоему уже во всех браузерах есть "веб инструменты", "инспектировать обьект" с которыми можно найти и посмотреть нужный  код

Сайт tarasian666

4 Ответ от features

  • features
  • features
  • Частый гость
  • Неактивен
  • Зарегистрирован: 03-02-2012
  • Сообщений: 68

Re: Фиксированный блок

Если сами не шарите в CSS и JS, то используйте готовые инструменты, типа Bootstrap. Там есть готовые решения для блоков такого рода. только они идут как блоги навигации, но переделать под свои нужды не сложно: http://getbootstrap.com/components/#navbar-static-top

Но в любом случае, лучше пользоваться гуглом для начала, там же можно найти статьи по тому или иному вопросу, что лучше чем готовые решения.