2015-06-02 55 views
0

我使用中間人時,頁面之間切換的'跳動'有問題。要明白我的意思看使用導航欄在頁面之間切換是'跳躍'

Live Demo

問題是,當我切換頁面存在,似乎是某種子彈點列表中的另一頁的閃光。

有誰知道如何解決這個問題?

這裏是鏈接到它使用的導航代碼:

%nav.navbar.navbar-default{:role => "navigation"} 
    .container 
    /Brand and toggle get grouped for better mobile display 
    .navbar-header 
     %button.navbar-toggle{"data-target" => "#bs-example-navbar-collapse-1", "data-toggle" => "collapse", :type => "button"} 
     %span.sr-only Toggle navigation 
     %span.icon-bar 
     %span.icon-bar 
     %span.icon-bar 
    /navbar-brand is hidden on larger screens, but visible when the menu is collapsed 
     %a.navbar-brand{:href => "/"} Mellow Miles 
    /Collect the nav links, forms, and other content for toggling 
    #bs-example-navbar-collapse-1.collapse.navbar-collapse 
     %ul.nav.navbar-nav 
     %li 
      %a{:href => "/"} Home 
     %li.dropdown 
      %a.dropdown-toggle{"aria-expanded" => "false", "data-toggle" => "dropdown", :href => "#", :role => "button"} 
      Bikes 
      %span.caret 
      %ul.dropdown-menu{:role => "menu"} 
      %li 
       %a{:href => "/page/racing_bikes.html"} Racing bikes 
      %li.divider 
      %li 
       %a{:href => "/page/mountain_bikes.html"} Mountain bikes 
      %li.divider 
      %li 
       %a{:href => "/page/children_bikes.html"} Children's bikes 
      %li.divider 
      %li 
       %a{:href => "/page/folding_bikes.html"} Folding Bikes 
      %li.divider 
      %li 
       %a{:href => "/page/town_bikes.html"} Town bikes 
     %li 
      %a{:href => "/page/accessories.html"} Accessories 
     %li 
      %a{:href => "/page/servicing.html"} Servicing 
     %li 
      %a{:href => "/page/contact.html"} Contact Us 

回答

0

你似乎是包括在頁面的<body>標籤內的底你的CSS文件。 CSS應該在<head>標籤內導入。因爲你沒有這樣做,所以在CSS加載和應用之前就會呈現頁面,因此你會看到這個FUOC(未格式化內容的閃爍)。

+0

謝謝菜鳥的錯誤,我很感激幫助。 – Morphasis