我的应用程序使用Angular，我想在顶部修改菜单当bar菜单的位置= 0时 .

我曾尝试使用JavaScript，但我遇到了问题，因为菜单是一个角度组件 .

注意：在索引组件中我调用所有组件（菜单，页脚，头......）

HTML：

<nav class="navbar" id="bar-menu">
  <ul>
   <li>Iteam 1</li>
   <li>Iteam 2</li>
   <li>Iteam 3</li>
  </ul>
</nav>

JavaScript的：

window.onscroll = function() {
     myFunction()
};

function myFunction() {
     var barmenu = document.getElementById("bar-menu");
     var barMenuTop = barmenu.offsetTop;
     if (document.body.scrollTop > barMenuTop || document.documentElement.scrollTop > barMenuTop ) {
         document.getElementById("bar-menu").className="navbar affix";
     } else {
         document.getElementById("bar-menu").className="navbar";
    }
}

风格css：

.affix{ position:fixed; top:0;}

问题是条形菜单的位置始终具有null barMenuTop = 0的值 .

谢谢你 .

javascript css3 angular