Прокрутка внутри элемента при помощи CSS

342
25 июня 2017, 13:58

Есть dropdown кнопка , и при клике на эту кнопку выходит доп. меню рядом. В эту менюшку вывожу данные из базы таким образом и сам код кнопки выглядит так.

<div class="btn-group">
    <a href="#" data-toggle="dropdown" class="btn btn-primary dropdown-toggle">65 <span class="caret"></span></a>
        <ul class="dropdown-menu" role="menu">
            <?php  $result65z = mysqli_query($con,"SELECT * FROM forma43")  or die(mysqli_error());?>
            <?php while($row65z = mysqli_fetch_assoc( $result65z )) { ?>         
                <li>
                    <a href="043reg.php?card_id=<?php echo $cardid ?>&zubnum=65&diag=<?php echo $row65z['kod'];  ?>"><?php echo $row65z['naimenovanie'];  ?> - <?php echo $row65z['kod'];  ?></a>
                </li>
            <?php } ?>
        </ul>
</div>

Данные из базы выводятся нормально, но так как в базе данных много рядом с кнопкой выходит длинная (18 строк) и неудобная менюшка. Хотелось бы как то сократить эту менюшку. Показывать например только 5-6 строк а дальше поставить прокрутку внутри элемента. Как это можно сделать ? Спасибо за любые ответы идеи и предложения !

PS да и ещё прошу прощения за "некрасивый" код )

Answer 1

Попробуйте так:

.dropdown-menu {
   max-height: 100px;
   overflow-y: auto;
}
READ ALSO
Поиск текста по html страницам

Поиск текста по html страницам

Ищу способ поиска текста внутри страниц на сайтеГлавным образом интересует отображение заголовка и выделение фрагмента найденного текста

294
Два разных действия одной кнопкой. WPF C#

Два разных действия одной кнопкой. WPF C#

Пишу академическое приложение на WPF, в котором есть две формы: основная, в которой находится DataGrid и форма для добавления/редактирования записи...

509
Разработка приложения на сокетах в Xamarin Studio

Разработка приложения на сокетах в Xamarin Studio

Начинаю работать с Xamarin StudioХочу написать маленькое приложение для работы с сокетами

282