0

Есть на сайте лента новостей. При скроллинге она двигается, тут все нормально. Недавно сделал так, что есть возможность раскрыть новость, т.е. в самом конце <body> поверх всей страницы добавляется черный полупрозрачный <div> элемент, на нем располагается белая панель на которой размещаются изображения и текст. В общем как в вк. Проблема в следующем: эта панель не всегда влезает в экран, а при скроллинге двигается лента новостей. Как сделать так, чтобы лента новостей оставалась неподвижной, а белая панель двигалась вверх-вниз?

1 ответ 1

1

В общем, тут дело оказалось вот в чем: при раскрытии новости мы создаем блок с размерами экрана и помещаем в него тот блок с картинками и текстом.

Ставим ему overflow-y: scroll, а у <body> ставим overflow-y: hidden.

При закрытии новости возвращаем <body> прежнее значение.

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.