Была проделана работа по изучению разных способов инициализации всплывашек и возможности отмены скролла у страницы в то время, как всплывашка открыта. Идеальных вариантов не существует, но мы к нему приблизились ;)
Для того, чтобы открыть всплывашку, достаточно прописать доп. класс и data-атрибут любому элементу. Сам код всплывашки часто бывает удобно писать там же, где и расположена кнопка, её открывающая. Но при этом с т. з. вёрстки лучше, чтобы все всплывахи были в конце тега body. Здесь такая возможность предусмотрена (с помощью js).
Имеются противопоказания. Перед применением проконсультируйтесь со специалистом.