Зафиксировать меню при прокрутке страницы

Non-Stop

Профессор
Регистрация
9 Июл 2007
Сообщения
437
Реакции
42
Собственно пытаюсь совершить сиЁ действие, но уже сломал глаза:wassup:
Задача оставить существующее меню в шаблоне, зафиксировав его при прокрутке страницы.
Буду признателен за любую посильную и непосильную помощь в решении вопроса.

Код:
<body>
<div class="up-line left">
<div class="container-use">
<div class="socialis">
<div class="left-kiss"> </div>
<a href="sociallink" class="socicos"><img src="{THEME}/icons/facebook.svg" alt=""></a>
<a href="sociallink" class="socicos"><img src="{THEME}/icons/twitter.svg" alt=""></a>
</div> 
</div>
</div>
 
      
  <div class="logoback left">
<div class="container-use">
<a href="/" class="aviablogo left">
<center><img src="{THEME}/images/logo1.png"  height="100"  >  </center></a>
</div>  <div class="infordshot"><img src="images/header.jpg" border="0" height="100"  />
</div>  </div>
       
 
 
 

<div class="bottom-line left">
<div class="container-use">
<div class="nav-block">
<div class="mainWrap">       
    <a id="touch-menu" class="mobile-menu" href="#">
    <div class="nav-bottoms"><img src="{THEME}/icons/navi.svg"></div></a>
    <nav class="navs">
      <ul class="menu">     
    <li>
            <a href="/"  style="color: #fba50a;"> <i class="icon-home"></i>1</a> </li>
          <li> <a href="#l"><i class="icon-home"></i>2</a></li>
          <li> <a href="#"><i class="icon-home"></i>3</a> </li>
          <li> <a href="#"><i class="icon-home"></i>4</a></li>
          <li> <a href="#"><i class="icon-home"></i>5</a></li>
           <li><a href="#"><i class="icon-home"></i>6</a> </li>
      </ul>
    </nav>
  </div><!--end mainWrap   -->
</div>
</div>
</div>
 
Если фиксация с определенного момента(высоты страницы), тогда да ссылка поможет, можно и постоянную фиксацию сделать через position: fixed;
 
гугли jquery код изменение .css при прокрутке
 
Назад
Сверху