навигация с боку, которая не пропадает при скролинге

Тема в разделе "Верстка", создана пользователем CoderW, 19 авг 2013.

Информация :
Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела и Правилами форума
Для быстрого поиска ответов на ваши вопросы воспользуйтесь Картой раздела и/или Поиском по разделу
Модераторы: ultra
  1. CoderW

    CoderW Постоялец

    Регистр.:
    17 янв 2013
    Сообщения:
    121
    Симпатии:
    54
    День добрый,
    нужно сделать меню, которое не пропадает при скролинге страницы а перемищается вместе со скролингом.

    пример:


    ведь точно есть какие то наработки в инете. Как эта функция называется?
    Кто встречался прошу подсказать, буду очень благодарен!
     
  2. ZOLK

    ZOLK

    Регистр.:
    13 сен 2011
    Сообщения:
    189
    Симпатии:
    107
    Это Css, на блок меню ставишь position: fixed этого вполне хватит
     
  3. gres_18

    gres_18 Pythonобандерівець®

    Регистр.:
    26 апр 2009
    Сообщения:
    407
    Симпатии:
    206
    fixed хватит, да. Но чтобы добавить анимации и красивостей разных - гугли по "floating menu jquery". Вот для примера: http://jsfiddle.net/nMcxQ/
     
    CoderW нравится это.
  4. CoderW

    CoderW Постоялец

    Регистр.:
    17 янв 2013
    Сообщения:
    121
    Симпатии:
    54
    Спасибо большое за ответы! Уже начал искать. Наткнулся на stickyMojo и сейчас буду изучать. Есть одно но, меню будет очень длинным при развёртывании. Некоторые скрипты это не поддерживают.


    Есть одна проблема. Так как я писал выше, меню будет очень длинное. я добавил парочку доп. полей в меню и вот что получилось. http://jsfiddle.net/nMcxQ/1128/
     
  5. gres_18

    gres_18 Pythonобандерівець®

    Регистр.:
    26 апр 2009
    Сообщения:
    407
    Симпатии:
    206
    Т.к. пунктов меню больше, чем может поместиться на экран - встает вопрос целесообразности использования этого эффекта :) Можно, конечно, попробовать скомбинировать с этим решением, но, как по мне, это будет уже перебор.
     
  6. ugamer

    ugamer Постоялец

    Регистр.:
    30 ноя 2009
    Сообщения:
    60
    Симпатии:
    7
    Зачем такие извращения, просто сделайте меню в 2 столбца или еще лучше прикрепите его не к левому краю, а к верху, и соответственно контенту задайте отступ на высоту меню примерно как здесь
     
  7. tudor1985

    tudor1985 Писатель

    Регистр.:
    13 сен 2013
    Сообщения:
    9
    Симпатии:
    0
    Присоеденяюсь. Еще нигатив fixed - в старых браузерах не работает
     
  8. Ky6

    Ky6 Писатель

    Регистр.:
    20 янв 2013
    Сообщения:
    9
    Симпатии:
    0
    на эти 5-10% пользователей уже многие верстальщики внимания не обращают
     
  9. Daeamon

    Daeamon Создатель

    Регистр.:
    8 апр 2008
    Сообщения:
    28
    Симпатии:
    1
    position: fixed; либо через jquery
    $(function(){
    $(window).scroll(function() {
    var top = $(document).scrollTop();
    if (top < 200) $(".floating").css({top: '0', position: 'relative'});
    else $(".floating").css({top: '10px', position: 'fixed'});
    });
    });