FullPage.js 链接不起作用

Posted 2023-02-24

【中文标题】FullPage.js 链接不起作用

【英文标题】：FullPage.js links not working

【发布时间】：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 无关。可能是因为您没有正确创建链接。检查这个：***.com/questions/7023512/…

【参考方案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