时间戳

首页 > 解决方案 > 预加载时可见滚动条

html - 预加载时可见滚动条

问题描述

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

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

但是仍然有可见的滚动条并且页面是可滚动的。

标签： htmlcssscrollbar

解决方案

我会<body>在加载过程中添加一个类，并在完成后删除。

body.loading {
  overflow: hidden;
}

推荐阅读