query scrollTo does not work in Firefox

dremme picture dremme · Oct 24, 2012 · Viewed 8.5k times · Source

I'm using the scrollTo jquery library in a page I'm building, and it works with Chrome, Safari, and IE 8/9, but not with firefox. Firebug tells me,

TypeError: $("#wrapper").scrollTo is not a function

Here is the line that includes the scrollTo library

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

Here is the function where I use scrollTo

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

Why would firefox not think scrollTo was a function, while all other browsers I've tried do?

EDIT: It seems that my files work on other computers, but not on my current install of firefox. I am going to re-install and see that helps.

Answer

Stefan picture Stefan · Oct 24, 2012

SOLUTION:

Well, it seems a popup blocker caused a conflict! The OP found that Kaspersky installed a security add on in firefox, and was blocking scrollTo.

More: http://github.com/mootools/mootools-core/issues/2202

ORIGINAL POST:

I sometimes get that error when my jQuery code is not enclosed in a $(document).ready(function() {...your jquery statements here ...}); block.

Your function doesn't have to be inside doc ready but the statement that calls it should be.