Показать сообщение отдельно
  #17 (permalink)  
Старый 06.06.2014, 01:08
Аватар для Vlasenko Fedor
Профессор
Отправить личное сообщение для Vlasenko Fedor Посмотреть профиль Найти все сообщения от Vlasenko Fedor
 
Регистрация: 13.03.2013
Сообщений: 1,572

да увидел. неужели это я писал
<head>
  <style>
    #secondary_bar {
      height: 33px;
      width: 100%;
      background: red;
      /*можешь убрать строку, панель будет видна */
      display: none;
    }
    #secondary_bar.bar_fixed {
      position: fixed;
      top: 0;
      z-index: 9999;
      display: block;
    }
    /* Стили теста */
    body {
      height: 1200px;
    }
    #test {
      height: 55px;
      background: green;
    }
  </style>
</head>
<body>
  <div id="test">Test</div>
  <div id="secondary_bar">Здесь меню</div>Здесь разный текст и все остальное
  <br>Здесь разный текст и все остальное
  <br>Здесь разный текст и все остальное
  <br>Здесь разный текст и все остальное
  <br>Здесь разный текст и все остальное
  <br>
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script>
    jQuery(function (f) {
      f(window).scroll(function () {
        f('#secondary_bar')[(f(this).scrollTop() > 55 ? "add" : "remove") + "Class"]("bar_fixed");
      });
    });
  </script>
</body>

Последний раз редактировалось Vlasenko Fedor, 06.06.2014 в 01:51.
Ответить с цитированием