Как сделать overflow hidden для body по нажатию?

Question

[riostar]

Нужно, чтобы по нажатию на .btn у body появлялся overflow hidden и также исчезал по повторному нажатию на .btn. Подскажите пожалуйста как это сделать?

Пример кода: https://codepen.io/kiskiskit/pen/abRBmBb

Comments

[Ankhena]

Сделать класс с overflow и его toggle.

p.s. кнопки это тег <button>, а не <div>

p.p.s. следующим будет вопрос "не работает overflow на body для мобилок" -> гуглится.

Answer 1

[Сергей delphinpro]

// Добавить
document.body.style.overflow = 'hidden';

// Убрать
document.body.style.overflow = '';

Comments

[riostar]

Получилось. Спасибо. а как сделать так, чтобы по нажатию на .btn во время когда overflow hidden активен вернулось в прежнее состояние?