Всем доброго времени, подскажите пожалуйста как добавить скролл или прокрутку мышью ? Вот код менюхи: 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/ Верхняя менюха (она при скроле вниз уменьшается хочется сохранить эту функцию ...)