Как полностью отобразить содержимое выпадающего меню при включенной полосе прокрутки? - PullRequest
Новая
       10

Как полностью отобразить содержимое выпадающего меню при включенной полосе прокрутки?

0 голосов
/ 21 ноября 2018

Я работаю на веб-сайте , на котором я хочу полностью отобразить содержимое выпадающего меню, когда полоса прокрутки действует.

В данный момент содержимое выпадающего меню не отображается.не отображается полностью, когда мы прокручиваем вверх / вниз.

Код CSS, который я использовал для отображения полосы прокрутки: 

.dropdowns
{
  overflow-y:auto;
  height: 100px;
}

Код HTML, который я использовалдля того, чтобы сделать кнопку: 

<div class="btn-group dropup">
  <button type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Dropup
  </button>
  <div class="dropdown-menu">
    <a class="dropdown-item" href="#">Action</a>
    <a class="dropdown-item" href="#">Another action</a>
    <a class="dropdown-item" href="#">Something else here</a>

    <a class="dropdown-item" href="#">Separated link</a>

    </div>
</div>

Вот скриншот проблемы, с которой я сталкиваюсь:

enter image description here

Как показано выше, выпадающее меню не имеет полного содержимого.Отсутствует текст действия.


Постановка задачи:

Мне интересно, какие изменения я должен внести в коды CSS, чтобыЯ вижу полное выпадающее содержимое при прокрутке вверх / вниз.

Как указано выше на скриншоте, выпадающее содержимое сокращается при прокрутке вверх / вниз.

Редактировать 1: Я хочу, чтобы внизу была полоса прокрутки (со списком кнопок).

1 Ответ

0 голосов
/ 21 ноября 2018

Редактировать: Извините, я не заметил полосу прокрутки

Попробуйте добавить что-то вроде этого: 

.btn-group.show {
  position: absolute;
}

http://jsfiddle.net/pkg4zh68/14/

...