我想修复顶部的菜单有角度

Question

我的应用使用Angular，我想修改菜单在顶部当条形菜单的位置= 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";
    }
}

style css：

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

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

谢谢你。