Как сделать прокрутку модального окна в Bootstrap?

Question

[Иван Федоров]

На сайте есть несколько форм, при открытии на смартфоне не все помещаются на экране - кнопка отправки оказывается ниже границы экрана. Сама форма не скроллится, но видно, что основная страница на фоне скроллится. Как зафиксировать фоновую страницу, но позволить прокрутить донизу модальное окно? Я так понимаю, надо использовать $('body').bind('touchmove', function(e){}, но как использовать? Или другие способы? В гугле толком ничего не написано, пробовал варианты, но нифига не помогает.

Comments

[Сергей delphinpro]

Вообще-то у модальных окон бутстрапа всё нормально с прокруткой.
ВЫ там наверняка чего-то своего дописали лишнего.
https://codepen.io/anon/pen/VbrezN?editors=1100

Answer 1

[Евгений]

задайте максимальную высоту окна и скролл

Comments

[Иван Федоров]

Поточнее: max-height и overflow-y: scroll, auto? Какому именно классу, modal, modal-content, modal-body. Поля и кнопка находятся в modal-footer, в modal-body текст, из-за него и не видно кнопки.

[Евгений]

для modal-body

[Иван Федоров]

Евгений: overflow-y: scroll, auto?

[Евгений]

Иван Федоров: попробуйте сначала auto

[Иван Федоров]

Евгений: modal-footer теперь видно целиком, а текст скролится, это тоже не совсем то, что надо. И фоновая страница также прокручивается. +на мониторе форма теперь прижимается к верху окна

[Евгений]

Иван Федоров: поставьте дополнительно какой-нибудь jquery scrollbar