Javascript 如何增加加载消息的宽度和高度？_Javascript_Jquery_Css

Javascript 如何增加加载消息的宽度和高度？

javascript jquery css

Javascript 如何增加加载消息的宽度和高度？,javascript,jquery,css,Javascript,Jquery,Css,问题是：加载页面时，我们会显示加载消息，此时消息后面的任何内容都是不可编辑的，用户不应单击任何内容。但是如果页面有大数据，那么如果我在加载时向下滚动页面，它是可编辑的，用户可以单击。如何将加载应用于整个屏幕。我想全屏不可编辑，不禁用滚动，因为我需要设置高度，宽度为全屏有任何代码吗？请让我知道我的代码中是否存在任何问题： <script type="text/JavaScript"> function hideLoadingDIV1() {

问题是：加载页面时，我们会显示加载消息，此时消息后面的任何内容都是不可编辑的，用户不应单击任何内容。但是如果页面有大数据，那么如果我在加载时向下滚动页面，它是可编辑的，用户可以单击。如何将加载应用于整个屏幕。我想全屏不可编辑，不禁用滚动，因为我需要设置高度，宽度为全屏有任何代码吗？请让我知道我的代码中是否存在任何问题：

<script type="text/JavaScript">
            function hideLoadingDIV1() {
                document.getElementById('LoadingDIV').style.display = 'none';
            }
        </script>

<body onload="hideLoadingDIV1();">
<div class="container loader1" id="LoadingDIV">
            <div class="loader1-inner">
                <button class="btn btn-lg btn-warning"><span class="glyphicon glyphicon-refresh glyphicon-refresh-animate"></span>&nbsp;Loading Please wait...</button>
            </div>
        </div>
</body>


函数hideLoadingDIV1（）{
document.getElementById（'LoadingDIV'）.style.display='none'；
}
正在加载，请稍候。。。

您应该使用

位置：固定与top组合：0；底部：0；左：0；右：0。它将创建一个覆盖整个屏幕的“阻塞”层，滚动仍将启用，但阻塞层将捕获屏幕上的所有单击
请注意，在演示中，滚动仍处于启用状态：

#覆盖{
位置：固定；
排名：0；
底部：0；
左：0；
右：0；
背景色：rgba（0,0,0,0.7）；
}
我是一个按钮，如果可以，请单击我！


我是一个按钮，如果可以，点击我！


我是一个按钮，如果可以，点击我！


我是一个按钮，如果可以，点击我！


我是一个按钮，如果可以，点击我！


我是一个按钮，如果可以，点击我！


我是一个按钮，如果可以，点击我！


我是一个按钮，如果可以，点击我！


我是一个按钮，如果可以，点击我！


我是一个按钮，如果可以，点击我！


我是一个按钮，如果可以，点击我！


我是一个按钮，如果可以，点击我！


我是一个按钮，如果可以，点击我！


我是一个按钮，如果可以，点击我！


我是一个按钮，如果可以，点击我！


我是一个按钮，如果可以，点击我！


我是一个按钮，如果可以，点击我！


我是一个按钮，如果可以，点击我！


我是一个按钮，如果可以，点击我！


我是一个按钮，如果可以，点击我！


我是一个按钮，如果可以，点击我！


我是一个按钮，如果可以，点击我！


我是一个按钮，如果可以，点击我！


我是一个按钮，如果可以，点击我！


我是一个按钮，如果可以，点击我！


我是一个按钮，如果可以，点击我！

我是一个按钮，如果可以，请单击我！


我是一个按钮，如果可以，点击我！


我是一个按钮，如果可以，点击我！


我是一个按钮，如果可以，点击我！


我是一个按钮，如果可以，点击我！


我是一个按钮，如果可以，点击我！


我是一个按钮，如果可以，点击我！


我是一个按钮，如果可以，点击我！


我是一个按钮，如果可以，点击我！


我是一个按钮，如果可以，点击我！


我是一个按钮，如果可以，点击我！


我是一个按钮，如果可以，点击我！


我是一个按钮，如果可以，点击我！


这可以通过javascript和css的组合来完成
请查看下面的演示

jQuery（文档）.ready（函数（）{
jQuery（'.loader'）.show（）；
});
.loader{
背景：rgba（0,0,0,0.8）无重复滚动0；
身高：100%；
左：0；
保证金：0自动；
位置：固定；
右：0；
文本对齐：居中；
宽度：100%；
z指数：99999；
}

您必须使用overlyset将其设置为绝对值，左：0；排名：0然后确保使用的是100vw
，高度是100vh
makeoverflow:hidden
以禁用滚动。我想在不禁用滚动的情况下全屏显示为不可编辑有代码吗@CrowesThanx很多@Ronen Cypis，很好用。。我改变了我的代码如下