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

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

  •
  • 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.Cloud
  • 25 марта
  • Мы обновили систему тарифов, учитывая опыт работы с клиентами и современные рыночные условия. Новая тарифная сетка разработана специально для того, чтобы лучше отвечать вашим потребностям. Резкого повышения цен не произошло. Более того, некоторые тарифы даже стали выгоднее и доступнее. 
  • Новая сборка DIAFAN.CMS 7.2.5
  • 17 января
  • В преддверии 2025 года была выпущена сборка 7.2.5, которая не приносит радикальных изменений в функциональности, но способствует повышению стабильности работы системы и расширению возможностей облачного сервиса для создания сайтов.
  • Вышла очередная сборка DIAFAN.CMS 7.2.2
  • 18 июня 2024 г.
  • В сборке большое обновление demo-шаблона, дополнительная защита от спама, улучшение YML-импорта и еще много важного и интересного.
Все новости