Полоса прокрутки, видимая при предварительной загрузке - PullRequest
0 голосов
/ 20 января 2019

Я использую preloader перед загрузкой сайта.Кроме того, я хочу убедиться, что при загрузке содержимого прокрутки не происходит, а полоса прокрутки отсутствует.Я использую приведенный ниже код.

<div id="preloader"></div>

#preloader
{
    position: fixed;
    overflow-y: hidden !important;
    -webkit-scrollbar: none;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(../images/preloader.gif) center no-repeat #fff;
}

Но все равно видна полоса прокрутки и страница прокручиваема.

Ответы [ 2 ]

0 голосов
/ 21 января 2019
enter code he

body.loading{overflow:hidden}

#preloader
{
    position: fixed;
    overflow-y: hidden !important;
    -webkit-scrollbar: none;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(../images/preloader.gif) center no-repeat #fff;
}
<div id="preloader"></div>

повторно

0 голосов
/ 20 января 2019

Я бы добавил класс к <body> во время загрузки и удалил после завершения.

body.loading {
  overflow: hidden;
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...