2

我在页面侧面的顶部导航栏闪现，在页面之间。作为一名新程序员，我一直在寻找一个简单的解决方案，并尝试从如何使用 Ruby on Rails 消除 FOUC？进入我的 app/views/layouts/application.html.haml 文件，所以现在该文件的标题部分如下所示：

!!! 5
%html
%head
%title Title
= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track' => true
= javascript_include_tag 'application', 'data-turbolinks-track' => true
= csrf_meta_tags
%link{:rel => "stylesheet", :href =>  "//opensource.keycdn.com/fontawesome/4.6.1/font-awesome.min.css"}/
= csrf_meta_tags
:css
    .fouc { display:none; }
:javascript
    try {
        var html=document.getElementByName("html");
        document.addEventListener("DOMContentLoaded", function(event) { html.class=""; });
                html.class="fouc";
        } catch() {}

但这并没有解决问题。谁能让我走上正确的轨道？（在我的研究中，似乎其他解决方案因无法在所有情况下都有效而受到批评。）这确实破坏了一个原本很棒的项目 - 我希望有人能提供帮助！

编辑：FOUC 发生在 Chrome 上，但不在 MS-Edge 上。

4

0 回答 0