3

我在我正在构建的页面中使用 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();
            }
        });
    });
}

为什么火狐不认为 scrollTo 是一个函数，而我尝试过的所有其他浏览器都可以？

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

4

3 回答 3

2

解决方案：

好吧，似乎弹出窗口阻止程序引起了冲突！OP 发现卡巴斯基在 Firefox 中安装了一个安全插件，并阻止了 scrollTo。

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

原帖：

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

您的函数不必在文档内部准备好，但调用它的语句应该是。

于 2012-10-24T17:30:34.883 回答
0

为我工作（小提琴）。您是否在 html 中包含 jQuery？

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

<script src="http://code.jquery.com/jquery-latest.min.js" 
        type="text/javascript"></script>
于 2012-10-24T17:23:01.200 回答
0

我没有使用 scrollTo，而是使用了 scrollIntoView，它在 FireFox、Chrome 和 IE 中工作。

例子 ：

var element = document.querySelector('.navbar-brand');
element.scrollIntoView();
于 2019-04-02T11:59:38.707 回答