Автоматическое увеличение высоты полосы прокрутки

Я делаю полосу прокрутки на странице всегда видимой с помощью:

html {
    overflow-y: scroll;
}

С другой стороны, я также хочу, чтобы высота полосы прокрутки увеличивалась автоматически при открытии модального диалога, который длиннее страницы. Однако высота полосы прокрутки не увеличивается автоматически. Если я устанавливаю overflow-y: auto; это делает полосу прокрутки скрытой для начального состояния, которое мне не нравится. Есть идеи, чтобы исправить это?

1 ответ

  1. Bootstrap modal отлично справляется с этим, скрывая переполнение тела и используя фиксированное наложение.

    body.modal-open{overflow:hidden}
    /* this is the overlay */
    .modal{position:fixed;top:0;bottom:0;left:0;right:0;}
    .modal .modal-dialog{/* taller than window */}