Fullpage.jsを使用しているときにナビゲーションが垂直でないのはなぜですか？

Question

私は実装していますFullpage.js

私はドキュメントを正しく実行したと信じていますが、ナビゲーションは垂直ナビゲーションを選択したにもかかわらず水平方向に固定されているようです。

以下に私のコードを掲載しますが、ここにはlive versionがあります。

HTML

<div id="fullpage"> 
    <div class="section">Some section</div> 
    <div class="section">Some section</div> 
    <div class="section">Some section</div> 
    <div class="section">Some section</div> 
</div> 

JS

<script> 
    $(document).ready(function() { 
     $('#fullpage').fullpage({ 
      css3: true, 
      navigation: true, 
      navigationPosition: 'right', 
      keyboardScrolling: true, 
      controlArrows: true 
     }); 
    }); 
</script> 

CSSは、私が触れていない、と何のオーバーライドがあってはならないので、それは私のスタイルシートの後だsource filesから引き出されています問題。コンソールログに問題はありません。

また、最初のnavの点に右側にパディングが多くなっていることに気付きました。

Answer 1

"style.css"が "jquery.fullPage.css"と競合しています。

Answer 2

私のスタイルシートでの私の不特定liとul年代はfullpage.jsスタイルシートをオーバーライドしたことが表示されます。たとえば、li:hoverを.divName li:hoverに置き換えると、問題が修正されました。

これはどういうことが起こったのか、特にDOMがfullpage.cssファイルを最後に読み取っていたためです。