Как фиксировать body при прокрутке страницы?

Question

[AndryNp]

У меня есть меню которое вызывается нажатием иконки-бургера. Меню вертикальное с height: 100% и width: 500px. По центру экрана. Остальной фон становится черным.

В меню много пунктов, поэтому появляется вертикальный скролл. Вроде все работает, но если убрать фокус с экрана а потом вернуться обратно и попробовать скролить меню, двигается все содержимое включая body. Есть рецепт как с этим бороться?

Как хочется: чтобы при вызове меню, вертикально двигалось только меню, при любых условиях.

С мобильными браузерами вообще беда(

На текущий момент скриптами вешаю классы на html и body.

.scroll_html, .scroll_body
{
    overflow: hidden;
}

Answer 1

[Александр]

Вас не это интересует? Тыц

Comments

[AndryNp]

Интересная идея, надо попробовать.

Answer 2

[Максим Гречушников]

position:fixed
с ие беда

Comments

[AndryNp]

В таком случае содержимое body "прилипает" к верху. Мне необходимо чтобы пользователь оставался на том же месте откуда вызвал меню.

Answer 3

[Ваге]

Если у вас позиция меню position:absolute; измените его position:relative;