当单击md-菜单，mdDialog按钮时，顶部Nav会向上移动。

Question

我正在创建一个使用角质材料的angularjs和asp.net站点，当你在页面上滚动并点击一个mdDialog或md菜单时，顶部的导航会上升到身体上，或者“消失”。这是顶部导航的css

.sidebar-header {
position: fixed;
width: 100%;
height: 50px;
background: #ffffff;
padding: 0 10px;
box-shadow: 0px 0px 6px 4px rgba(0, 0, 0, 0.05);
z-index: 998;}

和下面是顶部导航消失时的html代码

任何建议都会有帮助，我现在不知道如何修复这个错误。

编辑

js小提琴：这里

Answer 1

好吧，对任何和我有同样错误的人来说，这是我的解决办法：

在jquery中：

    $(document).ready(function () {
        $(window).scroll(function () {
            console.log($(window).scrollTop());
            var topPixel = $(window).scrollTop();
            var sideNavHeaderPixelCount = topPixel - topPixel;

            $("<enter top nav identifier here>").css("top", sideNavHeaderPixelCount);
        });
    });

在css中：

#menu_container_0{
    top: 52px !important;
}

所以我一直在玩直到我找到了一个图案。如果单击md-菜单后身体的顶部偏移量为-137.5px，那么您只需得到小数，并将其用作顶部导航( top：.5px)的顶部。另外，#menu_container_0是我在顶部导航中使用的md菜单的Id，我不希望它重叠。