Как реализованы окна просмотра новости в вк?

Question

[iffkomc]

Суть в чем: когда находишься на странице новостей, то у тебя есть браузерная полоса прокрутки. Так вот когда нажимаешь на какую-то новость, то открывается модальное окно с этой новостью и (!) Полоса прокрутки меняется (прокрутка становится меньше). Как это реализовано?

Answer 1

[Олег]

body {overflow: hidden;}
#mymodal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
}

Comments

[iffkomc]

блин, логично) спасибо!

[0348raven]

Еще интересно было бы узнать, как поступать с этими окнами, если они больше окна браузера - логично, что внутренний скролл, ок. Тогда как реализовывать закрытие по клику? Что делать с position: fixed; для "яблок" на мобиле при адаптивном дизайне?

P.S. Знаю, что некоторые вопросы не относятся к vk, это просто к продолжению темы модалок.