切换导航下的图像被推下

时间:2015-01-09 14:23:16

标签: jquery html html5 toggle navbar

我有一个切换导航和一个额外的导航栏。

HTML

<ul class="navbar">
   <li>Nav1</li>
   <li>Nav2</li>
</ul>

<ul class="navbar-additional">
 <li>Nav3</li>
 <li>Nav4</li>
</ul>

CSS

navbar-additional{
   list-style-type: none;
   position: absolute;
   top: 189px;
   left: 458px;
}

JS

var $menu = $('ul.navbar');

$menu.transition({top: -$menu.height() - parseInt($menu.css('padding-top')) - parseInt($menu.css('padding-bottom')), duration: 300});

使用类导航栏导航是切换的导航,但第二个导航向下滑动并需要保持在同一位置。如何冻结导航栏的位置?

1 个答案:

答案 0 :(得分:2)

提供导航栏:

position: fixed;

在你的css代码中。

这可以解决你的问题!