web-54
@web-54
Разработка досок объявлений, нестандартные проекты

Как убрать scroll?

На сайте eda.ru, нажав кнопку "Войти" вызывается форма. Скролл страницы при этом исчезает. Как это реализовано?

В моем случае делаю так:

<style>
.fullscreen {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 49;
    background: rgba(255, 255, 255, 0.7);
    overflow-y: auto;
}

.popupform {
    position: relative;
    z-index: 50;
    width: 500px;
    padding: 20px;
    background-color: #fff;
    margin: 200px auto;
    border: 1px #B5B5B5 solid;
}
</style>

<div class="fullscreen" style="display: block;">
<div class="popupform">
Содержимое
</div></div>


Форма стоит на месте, но сайт за ней скроллится.
Если можно, пример скрипта.
  • Вопрос задан
  • 147 просмотров
Решения вопроса 1
@holfza
Когда попап открыт - добавляйте к body
overflow: hidden;
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
IonDen
@IonDen
JavaScript developer. IonDen.com
Сайт должен лежать внутри некого контейнера с height: auto. Когда открываете попап, ставьте этому контейнеру фиксированную высоту (размером с window) и всё, прокрутка сайта исчезнет.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы