Jump to content
  • 0

Реализация фиксированного меню (нужна помощь)


aqlp
 Share

Question

Здравствуйте!

Есть пример работы сайта.

Навигация по сайту горизонтальная.

Справа есть меню, которое постоянно находится в одном месте (фиксировано),

но как составляющее этого меню там есть четыре ссылки на разделы и иконки

им соответствующие.

При горизонтальной прокрутке — всё работает нормально, но как только

мы прокручиваем сайт вертикально, меню и иконки естественно прокручиваются

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

Вопрос: можно ли как-то реализовать для меню и четырех иконок состояние

Fixed по-вертикале, и в тоже время состояние Absolute по-горизонтале.

Или возможно этот можно реализовать как-то по другому?

А то уже голову сломал над вопросом решения.

Спасибо!

Link to comment
Share on other sites

4 answers to this question

Recommended Posts

  • 0
Здравствуйте!

Есть пример работы сайта.

Навигация по сайту горизонтальная.

Справа есть меню, которое постоянно находится в одном месте (фиксировано),

но как составляющее этого меню там есть четыре ссылки на разделы и иконки

им соответствующие.

При горизонтальной прокрутке — всё работает нормально, но как только

мы прокручиваем сайт вертикально, меню и иконки естественно прокручиваются

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

Вопрос: можно ли как-то реализовать для меню и четырех иконок состояние

Fixed по-вертикале, и в тоже время состояние Absolute по-горизонтале.

Или возможно этот можно реализовать как-то по другому?

А то уже голову сломал над вопросом решения.

Спасибо!

Вот им родимым и возможно как раз.

http://htmlbook.ru/css/position.html Fixed

Link to comment
Share on other sites

  • 0
Вот им родимым и возможно как раз.

http://htmlbook.ru/css/position.html Fixed

Не совсем так! Если Вы посмотрите реализацию сайта, то заметите,

что текстовое меню и иконки не являются объектами неподвижной

части всего меню. Это связано с тем, что должна происходить смена

выбранного пункта текстового меню и активной иконки.

Link to comment
Share on other sites

  • 0
Не совсем так! Если Вы посмотрите реализацию сайта, то заметите,

что текстовое меню и иконки не являются объектами неподвижной

части всего меню. Это связано с тем, что должна происходить смена

выбранного пункта текстового меню и активной иконки.

А если всё меню засунуть в див-фиксед?

Link to comment
Share on other sites

  • 0
А если всё меню засунуть в див-фиксед?

Да, это самое простое.

Но по-задумке, если находишься в каком-то разделе, то соответствующий

пункт текстового меню уже не является ссылкой, а просто указателем

где сейчас мы находимся. Так же и иконка становится "активной" (цветовое

выделение рубрики).

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy