Question

我正在使用此模板：http://www.themenesia.com/themeforest/archi-light/index-onepage.html我想删除预加载器进度条，以百分比显示页面加载进度。此预加载器的文件是

Loader CSS File - www [dot] themenesia [dot] com / themeforest / archi-light / css / jpreloader.css

JS档案 - www [dot] themenesia [dot] com / themeforest / archi-light / js / jpreloader.js

页面CSS文件 - www [dot] themenesia [dot] com / themeforest / archi-light / css / style.css

我尝试删除这两个并从页面中删除了css链接和脚本。我还从Page CSS文件第55行中删除了这种风格：

body {
    display:none;
}

但仍未加载页面并在屏幕上显示空白。请帮助！

Answer 1

我认为加载器具有以下ID：#jpreOverlay

尝试添加：

#jpreOverlay { display: none !important; }

到你的CSS。

Answer 2

在你的CSS中添加：

#jpreOverlay { 
    display: none !important; 
}

Answer 3

屏幕是空白的，因为您隐藏了身体。加载器很可能是用javascript制作的，所以要摆脱那个javascript和加载器的html。同时删除此行：

body {
   display: none;
}

然后将显示主页面，而装载程序则不会。

Answer 4

body {
    display: block !important;
}

将其添加到您的CSS底部。

<强>更新

从designesia.js

中删除以下行

// --------------------------------------------------
    // preloader
    // --------------------------------------------------

    //calling jPreLoader function with properties
    jQuery('body').jpreLoader({
        splashID: "#jSplash",
        splashFunction: function () {  //passing Splash Screen script to jPreLoader
            jQuery('#jSplash').children('section').not('.selected').hide();
            jQuery('#jSplash').hide().fadeIn(800);
            init_de();
            var timer = setInterval(function () {
                splashRotator();
            }, 1500);
        }
    }, function () {    //jPreLoader callback function
        clearInterval();

        jQuery(function () {
            var v_url = document.URL;

            if (v_url.indexOf('#') != -1) {
                var v_hash = v_url.substring(v_url.indexOf("#") + 1);


                jQuery('html, body').animate({
                    scrollTop: jQuery('#' + v_hash).offset().top - 70
                }, 200);
                return false;
            }
        });


    });

    // End of jPreLoader script

我无法从网站上删除此加载程序

4 个答案: