[Помогите] Прокручивающиеся горизонтальное меню

Тема в разделе "OpenCart", создана пользователем CrazYViruS, 10 окт 2014.

  1. CrazYViruS

    CrazYViruS

    Регистрация:
    30 май 2013
    Сообщения:
    146
    Симпатии:
    80
    Всем доброго времени, подскажите пожалуйста как добавить скролл или прокрутку мышью ?
    Вот код менюхи:
    PHP:
    <div id="menu_v" style="margin-left: 3%;">
      <ul>
        <?php foreach ($categories as $category) { ?>
        <li><a href="<?php echo $category['href']; ?>" class="selected"><div style="text-align: center; line-height: 0px;"><img src="<?php echo $category['image']; ?>"></div><div style="text-align: center; font-size: 16px; text-transform: capitalize; "><?php echo $category['name']; ?></div></a>
          <?php if ($category['children']) { ?>
          <div>
            <?php for ($i 0$i count($category['children']);) { ?>
            <ul>
              <?php $j $i ceil(count($category['children']) / $category['column']); ?>
              <?php for (; $i $j$i++) { ?>
              <?php if (isset($category['children'][$i])) { ?>
              <li><a href="<?php echo $category['children'][$i]['href']; ?>"><?php echo $category['children'][$i]['name']; ?></a>
                    <?php if($this->config->get('oxy_menu_categories_3_level') ==1) { ?>
                    <?php if ($category['children'][$i]['children_level_2']) { ?>
                    <div>
                      <ul>
                        <?php for ($si 0$si count($category['children'][$i]['children_level_2']); $si++) { ?>
                           <li><a href="<?php echo $category['children'][$i]['children_level_2'][$si]['href']; ?>"  ><?php echo $category['children'][$i]['children_level_2'][$si]['name']; ?></a></li>
                        <?php ?>
                      </ul>
                    </div>
                    <?php ?>      
                    <?php ?>    
              </li>
              <?php ?>
              <?php ?>
            </ul>
            <?php ?>
          </div>
          <?php ?>
        </li>
        <?php ?>
      </ul>
        </li>
      </ul>
    </div>  
    Вот CSS

    Код:
    #menu_v ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    #menu_v > ul > li {
        float: left;
        z-index: 20;
    min-width: 110px;
    }
    #menu_v > ul > li > a {
        /* line-height: 54px; */
        display: block;
        padding: 0 15px;
        z-index: 5;
        position: relative;  
        cursor: pointer;
    }
    #menu_v > ul > li > div {
        position: absolute;
        z-index: 6;
        padding: 0;
        transition: all 0.2s ease-in 0s;
        opacity: 0;
        visibility: hidden;
    }
    #menu_v > ul > li:hover > div {
        display: table;
        opacity: 1;
        visibility: visible;
    }
    #menu_v > ul > li > div > ul {
        display: table-cell;
    }
    #menu_v > ul > li ul + ul {
        padding-left: 20px;
    }
    #menu_v > ul > li ul > li:last-child  {
        border-bottom: none;
    }
    #menu_v > ul > li ul > li > a {
        text-decoration: none;
        padding: 10px 25px 10px 15px;
        display: block;
        white-space: nowrap;
        min-width: 170px;
    }
    #menu_v > ul > li ul > li > a:hover {
        padding-left: 18px;
    }
    Сайт http://www.tsh.com.ua/ Верхняя менюха (она при скроле вниз уменьшается хочется сохранить эту функцию ...)