Как получить свиток в IE 11

Question

Это проблема CSS. Я пытаюсь получить прокрутку, если метки переполнены. Проблема только в Inte rnet Explorer, а не в Firefox и Chrome. Я проверил этот вопрос: прокрутка переполнения y не работает в IE 11 .

Вот скриншот из Firefox:

Но это не работает для IE 11:

Это мой s css:

.pt-tokens>ul.pt-token-list {
    padding: 10px 0px 10px 0px;
    font-size: $font-size-16;
    line-height: 22px;
    max-height: $height-active-filters-tokens-cont;
    min-height: $height-active-filters-tokens-cont;
    max-width: 100%;
    background-color: $color-gray-245;
    outline: none;
    overflow: scroll;
   -ms-overflow-style: -ms-scrollbar;
}

Это DOM Explorer IE 11:

Я пробовал много решений. Я также пробовал:

1. -ms-overflow-style: -ms-autohiding-scrollbar;
2. -ms-overflow-style: scrollbar;

.fruit-wrapper {
  padding: 10px 0px 10px 0px;
  font-size: 16px;
  line-height: 22px;
  max-height: 50px;
  min-height: 50px;
  max-width: 100%;
  background-color: green;
  outline: none;
  overflow: auto;
}

<div class="fruit-wrapper">
  <ul>
    <li>
      Apple
    </li>
    <li>
      Bananna
    </li>
    <li>
      Mango
    </li>
    <li>
      Grape
    </li>
    <li>
      Orange
    </li>
  </ul>
</div>

Answer 1

Это часто происходит из-за несоответствия интервалов между браузерами. Некоторым могут потребоваться полосы прокрутки, а другим - нет (что может привести к тому, что полоса будет препятствовать определенным элементам).

Попробуйте использовать overflow: auto;, чтобы отображать полосу только при необходимости.