Question

我正在我正在构建的页面中使用scrollTo jquery库，它可以与Chrome，Safari和IE 8/9一起使用，但不能与firefox一起使用。萤火虫告诉我，

TypeError：$（“＃wrapper”）。scrollTo不是函数

这是包含scrollTo库

的行

<script type="text/javascript" src="js/jquery.scrollTo.js"></script>

这是我使用scrollTo

的功能

function scrollPage(currentpage,scrollpage) {
    $(scrollpage).find('.text').fadeOut();
    $(currentpage).find('.text').fadeOut( function(){
        $('#wrapper').scrollTo( scrollpage, 1500, {
            onAfter:function(){
                $(scrollpage).find('.text').fadeIn();
            }
        });
    });
}

为什么firefox不会认为scrollTo是一个函数，而我尝试过的所有其他浏览器都是这样做的？

编辑：我的文件似乎可以在其他计算机上运行，但不能在我当前安装的firefox上运行。我将重新安装并看到有帮助。

Answer 1

解决方案：

好吧，似乎弹出窗口阻止导致了冲突！ OP发现卡巴斯基在firefox中安装了一个安全添加，并阻止了scrollTo。

更多：http://github.com/mootools/mootools-core/issues/2202

原始邮件：

当我的jQuery代码未包含在$(document).ready(function() {...your jquery statements here ...});块中时，我有时会遇到该错误。

您的函数不必在doc内部，但调用它的语句应该是。

Answer 2

适合我（fiddle）。你有没有在你的HTML中包含jQuery？

这就是你如何做到的（当然是在你的ScrollTo库之前）：

<script src="http://code.jquery.com/jquery-latest.min.js" 
        type="text/javascript"></script>

Answer 3

我没有使用scrollTo，而是使用scrollIntoView，它在FireFox，Chrome和IE中有效。

示例：

var element = document.querySelector('.navbar-brand');
element.scrollIntoView();

查询scrollTo在Firefox中不起作用

3 个答案: