html - 单击 md-menu、mdDialog 按钮时顶部导航向上移动

Question

我正在创建一个使用 Angular Material 的 angularjs 和 asp.net 网站，当您在页面上滚动并单击 mdDialog 或 md-menu 时，顶部导航将上升到正文或“消失”。这是顶部导航的 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;}

和here's the html code when the top nav disappears

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

编辑

js fiddle :here

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-menu 后 body 的顶部偏移量为 -137.5px，那么您只需要获取小数并将其用作顶部导航的顶部(顶部:.5px)。 #menu_container_0 也是我在顶部导航中使用的 md-menu 的 ID，我不希望它重叠。