Jump to content
  • 0

oveflow-y: scroll когда не влазит динамический контент


yaparoff
 Share

Question

Если коротко: нужно чтобы попап при мелкой высоте влазил в экран, за счет появления полосы прокрутки (у попапа есть динамически появляющиеся поля)

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

Когда нажимаем радиобаттон, всплывают новые поля. Т.е. высота полей не определена.
При этом если внутренности попапа не влезают по вертикали (на мелких по высоте экранах), нужно чтобы появлялась полоса прокрутки.

Вот тут я не знаю какую макс высоту назначить чтобы эта полоса появлялась. Как решить эту проблему?
Пробовал делать флексбоксом, а также с помощью position: relative, absolute

Код здесь. Нужно уменьшить рабочую область меньше 768 пикселей
https://codepen.io/anon/pen/ywQNPR

Edited by yaparoff
Link to comment
Share on other sites

5 answers to this question

Recommended Posts

  • 0
7 часов назад, SelenIT сказал:

Может, я чего-то не понимаю, но... overflow-y: auto – не то?

то, но он не срабатывает когда нужно. Вот например: ситуация когда по высоте попап не влезает в экран и должен появится скролл. Но он не появляется http://skrinshoter.ru/s/220319/PvdpH25Q?a

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy