Вход • Регистрация

Фиксация верхнего меню при прокрутке страницы

  •
  • 09 апреля 2018 г.
  • сайт family-goods.su

    В Блоке Header меню прописано вот так <span class="hidden-xs"><insert name="show_block" module="menu" id="1" template="topmenuline"></span>

    вот код из menu.view.show_block_topmenuline.php :

    if (! defined('DIAFAN'))
    {
    $path = __FILE__; $i = 0;
    while(! file_exists($path.'/includes/404.php'))
    {
    if($i == 10) exit; $i++;
    $path = dirname($path);
    }
    include $path.'/includes/404.php';
    }

    if (empty($result["rows"]))
    {
    return false;
    }
    if (!empty($result["name"]))
    {
    echo '<div class="block_header">'.$result["name"].'</div>';
    }

    echo '<ul class="nav nav-pills pull-left">';
    echo $this->get('show_level_topmenu', 'menu', $result);
    echo '</ul>';

    Вот то, что нужно прописать position: fixed это я понял, а вот куда не разобрался.
    •
    • 09 апреля 2018 г.
    • Указанные вами файлы трогать не нужно.
      Данный стиль прописывается в файле стилей.

      Если в принципе не разбираетесь во всем этом, то лучше обратитесь к специалистам.
    •
    • 09 апреля 2018 г.
    • Файл /custom/my/css/style.css строка 29. Стиль
      Код
      .head-line-top {
      position: fixed;
      z-index: 9999;
      background: #fff;
      top: 0;
      left:0;
      width:100%;
      }
      Туда же (в файл), в стиль .main (строка 58) добавить отступ margin-top:40px
      • 09 апреля 2018 г.
      • В данном случае, думаю, что грамотнее закреплять меню, после того, как шапка ушла за экран.
        •
        • 09 апреля 2018 г. , редакция: 09 апреля 2018 г.
        • Это как раз лишнее. Меню итак находится наверху. Изначально оно ничего не заркрывает и ничему не мешает. А если началась прокрутка страницы, то пользователь с информацией на первом экране уже ознакомился. Лишний код ни к чему тут.
          А вот когда меню под шапкой, то дело другое. Но сколько я видел таких реализаций, из пяти в лучшем случае одна сделана нормально. В остальных - какие-то дёргаки-прыгалки вечно делают.
  •
  • 09 апреля 2018 г.
  • Я бы ещё тень кинул
    Цитата
    box-shadow: 0 2px 5px rgba(172,172,172,0.5);

    •
    • 09 апреля 2018 г.
    • Тогда надо линию под меню удалять. Они какие-то взаимоисключающие получаются. У box-shadow лучш использовать не прозрачность цвета, а 4-ый параметр, так гибче и мягче выходит:
      Код
      box-shadow: 0px 0px 20px -10px #aaa

Новости

  • Сборка DIAFAN.CMS 7.1.3
  • 12 января
  • После выхода сборки 7.1 мы выпустили уже три патча, в каждом из которых улучшаем административную часть сайта. Сборка DIAFAN.CMS 7.1.3 уже доступна к установке. 
  • Новость. Сборка. Тарифы
  • 15 декабря 2023 г.
  • Подводим итоги 2023 года. Выпустили новую сборку DIAFAN.CMS 7.1.1, вводим новые тарифы на аренду сайта и коммерческую поддержку и автообновления с января 2024 г., строим планы на будущий год.
  • Сборка DIAFAN.CMS 7.0.1
  • 25 июля 2023 г.
  • Выпустили очередную сборку DIAFAN.CMS 7.0.1. Она уже доступна к установке.
Все новости

Блоги

  • Вышло обновление DIAFAN.CMS - cборка 7.1.1
  • 15.12.2023

  • В новой сборке DIAFAN.CMS 7.1.1 мы расширили функциональность баннеров, уделили внимание YML-фиду для Яндекс.Маркет, улучшили “Настройки шаблона”, оформили модуль лога действий и разработали “Заметки” для пользователей административной части сайта. Также проработали замечания и предложения наших пользователей, исправили несколько ошибок.

Читать блоги

Форум

Перейти на форум