Top Nav перемещается вверх при нажатии на md-меню, кнопки mdDialog
Я создаю сайт 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: здесь
Отредактировал мой пост со скрипкой js сейчас @VikasJadhav
вы имеете в виду, когда открывается меню md, прокрутка тела исчезает, верно?
прокрутка тела вы имеете в виду, как будто я не смогу прокручивать тело? это небольшая проблема, моя основная проблема заключается в том, что верхняя навигация подталкивается к верхней части тела из-за углового материала, изменяющего верхний атрибут в css
Ответы 1
Хорошо, так что для всех, у кого такая же ошибка, как у меня, это мое исправление:
в jquery:
$(document).ready(function () {
$(window).scroll(function () {
console.info($(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,5 пикселей, вам просто нужно получить десятичную дробь и использовать ее как верхнюю часть для вашей верхней навигации (верх: 0,5 пикселей). также # menu_container_0 - это идентификатор md-меню, которое я использовал в моей верхней навигации, я не хотел, чтобы оно перекрывалось.
не могли бы вы разместить здесь пример jsfiddle?