ScrollTo (jquery) doesn't seem to work in FF?

Question

Hello,

Check the following link in Chrome: http://www.bavarianblue.com/parts-list/?tags=struts

The site is totally jacked in IE - need to fix a bunch of CSS.

I use the follow Javascript to perform the animation (uses jquery.scrollTo-1.4.2-min.js);

jQuery(document).ready(function($) { //required for $ to work in Wordpress
    var moo = $(".tags").attr("rel");
    if (moo == ""){
        return;
    }else {
        var scrolling = $("."+moo).offset().top-100;
        $.scrollTo(scrolling, 800, {easing:'swing'} );
        $('.'+moo).animate({backgroundColor : "#4c4c4c", color : "white"}, function() {
            $(this).animate({backgroundColor : "#dcdcdc"}, function() {
                $(this).animate({backgroundColor : "#4c4c4c"}); //animation wasn't completing chain, thus all the nested functions.                                                        });
        $('.'+moo+' a').animate({color : "#ed9925"});
        }); 
    }
});

Any clue why it doesn't work? Not getting any errors in FF...

EDIT

As @Chouchenos pointed out, a script type wasn't declared, and I didn't close the tag. However, now FF doesn't generate an error, but the animation (changing the BG and the scroll) doesn't work.

Answer 1

It seems that the animate and setting the backgroundcolor doesn't work either. Have you tried debugging using Firebug? I suspect that the line if (moo == "") might be returning something unexpected in FF.

I suppose that the problem is that you have display:none on the div with the class="tags". FF possibly won't allow you to scroll to an element that is not displayed on the page while Chrome does.

You can test this by temporarily removing the display:none style from the div and seeing whether it works in FF

Answer 2

moo =='' : return; and its returning, am I missing something ? Can you give steps to reproduce as what is NOT working ? There is no .tags anywhere .. the tags div contain js

Answer 3

ScrollTo isn't a native jQuery method; you need Flesler's ScrollTo plug-in.

Answer 4

Both FF and IE tell me that

$.scrollTo is not a function

But surprisingly, it works on chrome.

EDIT : Firefox makes an error here I think :

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.js"/&gt;
<script src="http://www.bavarianblue.com/wp-content/themes/Polished/js/jquery.scrollTo-1.4.2-min.js"&gt;&lt;/script&gt;

It may be like this :

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.js"&gt;&lt;/script&gt;
<script src="http://www.bavarianblue.com/wp-content/themes/Polished/js/jquery.scrollTo-1.4.2-min.js"&gt;&lt;/script&gt;

That's why scrollTO doesn't load I think