Top Nav перемещается вверх при нажатии на md-menu, кнопки mdDialog - PullRequest
Новая
       6

Top Nav перемещается вверх при нажатии на md-menu, кнопки mdDialog

0 голосов
/ 27 сентября 2018

Я создаю сайт 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: здесь

1 Ответ

0 голосов
/ 16 октября 2018

Хорошо, для тех, у кого такая же ошибка, как у меня, это мое исправление:

в 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-меню, которое я использовал в моем верхнем меню, я не хотел, чтобы оно перекрывалось.

...