Question

今天又来了一个，

所以昨天我实施了the jQuery scrollTo插件，所有这些插件在Chrome，Internet Explorer中运行良好，但在Firefox中却没有。已启用控制台日志记录 - 未显示任何错误。似乎滚动的功能确实执行，但我没有看到任何滚动发生。

在OpenSUSE 12.3下使用Firefox 28.0和在Windows 8.0下使用Firefox 34.0进行测试。

到目前为止，这是我的代码： HTML

$(document).ready(function() {
    $('a.navLink').on('click', function(event) {
        event.preventDefault();
        var target = $(this).attr('href');

        if( target.length ) {
            if( $("html, body").scrollTo(target, { offset: -128, duration: 750, easing: "easeOutCirc" }) ) {
                console.log("scrolling...");
            } else {
                console.log("I had ONE job...");
            }
        }
    });
});

HTML：

<nav id="nav">
    <ul>
        <li>
            <a class="navLink" href="#home">HOME</a>
        </li>
        <li>
            <a class="navLink" href="#info">INFO</a>
        </li>
        <li>
            <a class="navLink" href="#pics">PICS</a>
        </li>
    </ul>   
</nav>

<section id="home">
    <!-- stuff -->
</section>

<section id="info">
    <!-- stuff -->
</section>

<section id="pics">
    <!-- stuff -->
</section>

我在这里看到了一个类似的问题（无法找到URL atm），发现adblocker / security addOn / plug-In导致了OP的这个问题。我的测试浏览器中没有安装这样的addOns /插件。

感谢任何帮助。

Answer 1

试试这个：

$(document).ready(function() {
    $('a.navLink').on('click', function(event) {
        event.preventDefault();
        var target = $(this).attr('href');
        if( target.length > 0 ) {
            $("html, body").animate({
                scrollTop: $(target).offset().top - 128
            }, 750);
        }
    });
});

jQuery scrollTo-plugin无法在Firefox中运行

1 个答案: