Question

在网站加载之前，我正在使用预加载器。另外，我想确保在加载内容时没有滚动发生或任何滚动条存在。我正在使用以下代码。

<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;
}

但是仍然可以看到滚动条，并且页面可以滚动。

Answer 1

我会在加载期间将类添加到<body>中，并在完成后将其删除。

body.loading {
  overflow: hidden;
}

Answer 2

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>

re

滚动条在预加载时可见

2 个答案: