Question

我遇到fullpage.js的问题。我有一个顶级菜单，其中包含指向选择器的链接

            <ul>
                <li data-menuanchor="Onas"><a href="#Onas">O nas</a></li>
                <li data-menuanchor="Aktualnosci"><a href="#Aktualnosci">Aktualności</a></li>
                <li data-menuanchor="Treningi"><a href="#Treningi">Treningi</a></li>
                <li data-menuanchor="Partnerzy"><a href="#Partnerzy">Partnerzy</a></li>
                <li data-menuanchor="Kontakt"><a href="#Kontakt">Kontakt</a></li>
            </ul>

和

    <script>
        $(document).ready(function() {
            $('#fullpage').fullpage({
                sectionsColor: ['black','black','black','black', 'black'],
                anchors: ['Onas', 'Aktualnosci', 'Treningi', 'Partnerzy', 'Kontakt'],
                css3: true,
                navigation: true,
                menu: '#menu',
                scrollingSpeed: 700,
                sectionSelector: ".section",
            });
        });
    </script>

我的问题是当我点击菜单元素，菜单切换页面超过需要时。回去时它很有用。

Answer 1

请确保您没有在fullpage.js文档中详细说明此规则：

小心！ data-anchor标签不能与站点上的任何ID元素（或IE的NAME元素）具有相同的值。

您的HTML标记是必需的（sections之间没有其他元素）

<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>

Answer 2

使Alvaro的回答更有用的其他细节：＆＃34;小心！＆＃34;警告抱怨如果将锚点（在fullPage.js配置中指定）作为id =或name = values添加到div.section元素中 - 就像它说的那样。这似乎是一个无害的警告（fullPage.js怎么会知道在哪里找到目标？），但它实际上是一个错误。因此，不能在div.section元素中显式声明id =和name =属性。 fullPage.js将知道如何根据它们的发生顺序找到它们。

总结：相信警告！不要在锚点目标div中设置id =或name =属性。

Fullpage.js菜单不起作用

2 个答案: