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

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

  •
  • 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

Новости

  • Окончание поддержки устаревших версий
  • Сегодня, 04:56
  • Мы внесли изменения в лицензию и объявляем, что прекращаем техническую консультационную поддержку сайтов на DIAFAN.CMS версий старше 7.0. А это все минорные версии платформы, предшествующие актуальной линейке, а именно: версии серии 4.x, 5.x, 6.x.
  • DIAFAN.CMS 7.3: обновлённое управление контентом с ИИ
  • 15 сентября, понедельник
  • У нас отличные новости! Мы выпустили новую сборку DIAFAN.CMS 7.3, которая включает встроенные нейросети непосредственно в административной панели. Это значит, что создание контента для вашего сайта больше не будет проблемой — искусственный интеллект возьмет эту задачу на себя, избавляя вас от необходимости привлекать копирайтеров или тратить время на написание текстов самостоятельно.
  • Изменение тарифов Diafan.Cloud
  • 25 марта
  • Мы обновили систему тарифов, учитывая опыт работы с клиентами и современные рыночные условия. Новая тарифная сетка разработана специально для того, чтобы лучше отвечать вашим потребностям. Резкого повышения цен не произошло. Более того, некоторые тарифы даже стали выгоднее и доступнее. 
Все новости

Блоги

  • Обновление безопасности в DIAFAN.CMS 7.3
  • 10.09.2025

  • DIAFAN.CMS славится нагрузоустойчивостью и безопасностью, про инциденты со взломом сайта на нашей системе давненько не слышали, но недавно получили мы письмо от fstec.ru такого характера:

    Обнаружена уязвимость в CMS-системе DIAFAN, позволяющая нарушителю, действующему удалённо, красть сессионные куки через XSS-атаку.

Читать блоги