使用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中拉出来，并且它在我的样式表之后，所以应该没有压倒一切的问题。控制台日志没有显示任何问题。

我还注意到第一个导航点在右侧有更多填充。

Answer 1

＆＃34;的style.css＆＃34;与＆＃34; jquery.fullPage.css＆＃34;。发生冲突

Answer 2

我的样式表中的非特定 <button id="button2" onclick="myFunctiongr(); loadKmlLayer(); initialize()">Submit</button> <script> src = "https://github.com/YourCity/hello-world/blob/readme-edits/"+name+".kmz?raw=true"} srca = " https://www.dropbox.com/s/5g0tytd1ur7my67/v7.kmz?dl=1" function initialize() { var mapCanvas = document.getElementById('map'); var mapOptions = { center: new google.maps.LatLng(51.50275896, -0.11535645), zoom: 8, mapTypeId: google.maps.MapTypeId.ROADMAP } var map = new google.maps.Map(mapCanvas, mapOptions) loadKmlLayer(src, map); loadKmlLayera(srca, map); } 和li似乎覆盖了fullpage.js样式表。例如，当我用ul替换li:hover时，就解决了问题。

有一件事让我感到困惑，特别是因为DOM最后正在阅读.divName li:hover文件。