切换导航下的图像被下推

Question

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

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});

带有classnavbar的导航是切换的导航，但是第二个导航向下滑动需要停留在原地。我怎样才能额外冻结导航栏的位置？

Answer 1

给你的导航栏：

position: fixed;

在您的 css 代码中。

这应该可以解决您的问题！

切换导航下的图像被下推

Image under toggle navigation gets pushed down

html

jquery

toggle

navbar