0

Здраствуйте!
Суть в следующем:

Есть меню position: fixed.
При уменьшении окна браузера появляется полоса прокрутки.
Но просмотреть полностью меню с помощью полосы прокрутки не получается, так оно ездит.

Подскажите, возможно ли реализовать так, чтобы меню можно было посмотреть полностью при использовании полосы прокрутки?

http://jsfiddle.net/gf94sd70/

  1. Уменьшаем окно браузера.

  2. Появляется полоса прокрутки.

  3. Часть меню скрывается.

  4. С помощью полосы прокрутки скрытую часть меню не удается посмотреть.

1

1 ответ 1

1

position: fixed позиционируется относительно окна браузера. Из этого следует, что если ширина элемента больше ширины окна и элемент привязан к левому углу, то никак не увидишь обрезаемую часть. Можно сделать немного респонсива:

nav{
    left:0;
    right:0;
}
nav ul{
    max-width:450px;
}

Demo

В этом случае у тебя менюха будет всегда влазить в экран. Либо можно воспользоваться JS для эмуляции position: fixed через position: absolute. Пример есть тут

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.