archakov06
@archakov06
Frontend-разработчик (ReactJS)

Как сделать один основной скролл для переднего блока?

Здравствуйте, столкнулся с такой проблемой. Что при отображении одного блока на передний план (+на весь экран), появляется два скролла.

Есть блок .shadow, в нем есть .post-dialog. При клике по новости, открывается .shadow, и после сам блок данной новости.

c8fea47736e74fbd9e053287bbc6eb03.png

После чего и появляется:
1. Скролл блока (из-за того, что большой контент)
2. И следовательно скролл

Как сделать один скролл, как у ВК? Чтобы при прокручивании вниз, не прокручивалась вся страница, а только содержимое блока, как в ВК.
  • Вопрос задан
  • 198 просмотров
Решения вопроса 1
@vovastradamus
При показе диалога, поставь на боди стиль overflow-y: hidden; Когда будешь убирать диалог, то верни все на место.
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
@0leg5ergeev
Самые глупые вопросы здесь задаю я
.class{
    overflow-y:hidden;
}

?

или

::-webkit-scrollbar {
	display:none;
}
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы