Как сделать скролл в определённой части веб страницы?

Question

[centerRus]

https://jsbin.com/tadequjole/edit?html,css,output
Подскажите как убрать скролл, который сейчас присутствует и добавить скролл внутри только div с классом "panel-body-bottom". Убрать скролл могу повесив overflow:hidden на div с классом "main-block", а вот как добавить в другом месте не знаю.

Answer 1

[Андрей Верх]

overflow-y:scroll;height:100px

Comments

[centerRus]

А без конкретной заданной высоты?

[Денис Инешин]

centerRus: если у блока не ограничивать высоту, то контент будет его распирать и скролл не появится. Ну вы можете заменить height на max-height, чтобы скролл появлялся только когда контента слишком много.

[Андрей Верх]

centerRus: Как вы себе представляете скролл, без указанной высоты?

[centerRus]

Андрей Верх: Ну вот как в моём примере, там же не указана высота, но скролл появился. А нужно, чтобы скролл был, только у div с классом "panel-body-bottom" + если его контент не влазит на экран.

[Андрей Верх]

centerRus: Высота хоть и не указана явно, но она равна высоте области просмотра.
Так что указание высоты обязательно. Можете высоту задать в единицах VH, 3-ём свои блокам, если задача чтоб у главного блока прокрутки не появлялось.