Двойная полоса прокрутки в диалоге

Question

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

До сих пор я сделал css форматирование:

  body {
    overflow-y: hidden;
  }
  .dialog-layout-modal-body {
    min-height: 662px;
    max-height: 700px;
    overflow: auto;
  }

И родительский CSS код:

body {
  overlfow: hidden;
}

Есть ли bootstrap или css или какое-либо решение, как я могу решить эту проблему?

Answer 1

Один из browser свиток, а другой из dialog. Проверьте, имеет ли родительский раздел свойство css как 'overflow: auto; `, которое вызовет эту проблему.

ИЛИ

, вы можете сделать что-то подобное для тега body.

body{
  width:100%;
  overflow-x:hidden; // hides bottom scroll
  overflow-y:hidden; // hides vertical scroll
  }