Переключение между страницами с помощью Navbar Is 'jumpy'

У меня проблема с «перегрузкой» переключения между страницами при использовании посредника. Для того, чтобы увидеть, что я имею в виду увидетьПереключение между страницами с помощью Navbar Is 'jumpy'

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

источник

2015-06-02 Morphasis

Вы, кажется, в том числе ваших CSS файлов в нижней части страницы внутри <body> тега. CSS следует импортировать внутри тега <head>. Поскольку вы этого не делаете, страница отображается до того, как CSS был загружен и применен, и поэтому вы видите этот FUOC (вспышка незакрепленного содержимого).

источник

2015-06-02 16:27:05

Спасибо, новичок, я ценю помощь. – Morphasis

Переключение между страницами с помощью Navbar Is 'jumpy'

ответ

Смежные вопросы