Сетка начальной загрузки полной высоты - с вложенным переполнением-y: scroll - PullRequest
0 голосов
/ 15 ноября 2018

У меня проблемы с сеткой начальной загрузки и вложенным div с overflow-y.Как упоминалось в этом сообщении о переполнении стека , я пытался добавить min-height:0 к родительскому предку, но не смог запустить его.

слева Chrome, справа:Firefox

В Chrome макет отображается нормально (без полосы прокрутки браузера) и полоса прокрутки в красной области, помеченной с помощью overflow-y: scroll.

В Firefox макет не отображаетсяt отображается нормально (полоса прокрутки браузера отображается, полоса прокрутки отсутствует в красной области)

Моя цель - создать веб-страницу высотой 100% с вертикальным разделенным правым столбцом (25% | 75%) и полосой прокрутки в красномобласть во всех браузерах ;-)

Я поместил исходники в codepen

Есть предложения, как добиться ожидаемого поведения?

1 Ответ

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

Я немного подкорректировал ваш код, пожалуйста, проверьте эту скрипку .

Попробуйте добавить height: 100vh; к .bg-secondary. Кроме того, я переместил overflow-y: scroll в .bg-danger

И убедитесь, что вы импортировали все необходимые файлы начальной загрузки, я использовал bootstrap.min.js (v4.1.3), bootstrap.css (v4.1.3), popper.min.js (1.12.9), jquery -3.2.1.slim.min.js

...