Как установить overrflow-x; visbile и overflow-y: прокрутка на одном и том же div - PullRequest
Новая
       34

Как установить overrflow-x; visbile и overflow-y: прокрутка на одном и том же div

0 голосов
/ 10 апреля 2019

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

ОЖИДАЕМЫЙ РЕЗУЛЬТАТ: оглавление должно прокручиваться.Раскрывающийся список поиска не должен быть обрезан элементом div справа (основное содержимое).

Это родительский элемент div для обоих.Пожалуйста, не говорите, используйте 2 разных div.Я не могу сделать это.Пока я ограничен темой. 

.wy-nav-side {
    width: 40rem;
    overflow-x: visible;
    overflow-y: scroll;
    height: 95%;
}

АКТУАЛЬНЫЙ РЕЗУЛЬТАТ: Раскрывающийся список поиска отключен, но прокрутка работает.Вот некоторые дополнительные классы, которые доступны для оглавления и поиска, но они не работают: 

   .wy-menu-vertical {
        margin-left: 2rem;
        width: 100%;
        height: 95%;
        overflow-y: scroll;
    }
    .wy-side-scroll {
        width: 35rem;
        background-color: #fff;
        height: 95%;
        overflow: visible!important;
    }

<code><nav data-toggle="wy-nav-shift" class="wy-nav-side">
      <div class="wy-side-scroll">
        <div class="wy-side-nav-search">
            <a href="../index.html" class="icon icon-home"> 
            <img src="../_static/image.png" class="logo" alt="Logo">
          </a>
              <div class="version">
                2.3
              </div>   
<div id="searchbox" role="search">
    <div class="form-group form-group-lg row pl-3">
      <span class="algolia-autocomplete algolia-autocomplete-left" style="position: relative; display: inline-block; direction: ltr;"><input type="text" class="form-control w-100 ds-input" name="q" autocomplete="off" placeholder="Search the Docs" spellcheck="false" role="combobox" aria-autocomplete="list" aria-expanded="false" aria-owns="algolia-autocomplete-listbox-0" dir="auto" style="position: relative; vertical-align: top;"><pre aria-hidden="true" style="position: absolute; visibility: hidden; white-space: pre; font-family: Lato, proxima-nova, &quot;Helvetica Neue&quot;, Arial, sans-serif; font-size: 12px; font-style: normal; font-variant: normal; font-weight: 400; word-spacing: 0px; letter-spacing: normal; text-indent: 0px; text-rendering: auto; text-transform: none;">kub
Содержание Здесь много li
...