FullPage.js 链接不起作用答案

【问题标题】：FullPage.js links not workingFullPage.js 链接不起作用
【发布时间】：2015-04-26 11:30:36
【问题描述】：

我正在为网站使用 FullPage.js 插件。但我无法获得指向页面不同部分的链接。当您将鼠标悬停在链接上时，它会显示实际链接，如果您右键单击 + 在新选项卡中打开，它会起作用，但直接单击它时不会消失..

我尝试了不同的组合：
<a name=""></a>
<div id=""></div>
<div class ="section" data-anchor=""></div> 但也查看了不同的 z-indexes..

这是我使用插件的方式：

<script type="text/javascript">
        $(document).ready(function() {
            $('#fullpage').fullpage({
                    css3: true,
                    navigation: true,
                    loopTop: false,
                    loopBottom: true,
                    slidesNavPosition: 'bottom',
                    navigationPosition: 'right',
                    loopHorizontal: false,
                    anchors:['home', 'firstPage', 'secondPage']

            });
        });
    </script>

对于正文，我使用了以下结构：

<div id="fullpage"><div class="section" data-anchor="home"><a name="page1"></a><div id="footer">
                    <ul id="menu">
                        <li><a href="#home">Home</a></li>
                        <li><a href="#firstPage">Page 1</a></li>
                        <li><a href="#secondPage">Page 2</a></li>
                    </ul>
                </div></div>

有人遇到过类似的问题吗？

【问题讨论】：

请添加整个 HTML 标记。您发布的那个看起来有点乱，那里只有一个部分....
我已经把整个页面放到了一个webshost here。
与 fullPage.js 无关。可能是因为您没有正确创建链接。检查这个：stackoverflow.com/questions/7023512/…

标签： hyperlink fullpage.js

【解决方案1】：

这似乎是 Chrome 44 和 45 中的错误。 I opened an issue on Chromium forum

您可以尝试将链接悬停在in this demo 上来重现该问题。

var counter = 0;
f = function() {
    container.style.transform = 'translate(' + 50*(++counter%11) + 'px)';
    setTimeout(function () {
       f();
    }, 2500);
}

f();

Here's the fullpage.js issue at github as well

【讨论】：