Как сделать полосу прокрутки для попапа, без прокрутки самой страницы и с ней?

Question

[Максим Иванов]

Как сделать полосу прокрутки для попапа, без прокрутки самой страницы и с ней?

Comments

[Ankhena]

1. Убрать прокрутку у body: overflow: hidden
2. Добавить прокрутку попапу: overflow: auto и задать размеры или максимальные размеры.

Проще всего это делать на js манипулируя классами.

[Максим Иванов]

Ankhena, Нет, не получается. Играет ли роль position fixed?

[Ankhena]

Максим Иванов, я не вижу у вас в коде ничего ограничивающего высоту сверху.
Покажете как не получается?

[Максим Иванов]

Ankhena, https://codepen.io/roderen/pen/KKaQevL

[Ankhena]

Максим Иванов, и тут не вижу.
Вижу, что вы ограничили минимальную высоту. А просто высоты или максимальной как не было, так и нет.

Answer 1

[Владислав Черненко]

1. Как минимум, нужно указать высоту PopUp-у, чтобы скрол сработал.
2. Чтобы не прокручивался body, при вызове PopUp вешается клас на него со свойством, напрмер:

body.no-scroll{
    height:100%;
    overflow:hidden;
}

Comments

[Максим Иванов]

Повесил

body{
height:100%;
overflow:hidden;
}

Попапу фикс высоту и ничего!