JQuery: animate() doesn't work as expected in IE

Question

I\'m getting crazy with this IE 7...

==> hhttp://neu.emergent-innovation.com/

Why does following function not work in IE 7, but perfectly with Firefox? Is th

Answer 1

This might be off topic but I am playing around with JQuery and its great but being new to Javascript I didnt realise that IE 7 and IE 8 don't recognise the const keyword . Thats what was stopping my JQuery from running not a problem with animation ..hope that might help some desparate soul. man I can't wait to get back to good ol AS3 and Flex..

see http://www.gtalbot.org/BrowserBugsSection/MSIE7Bugs/JSConstKeyword.html

for more

Answer 2

Change your duration for IE. Make it 1/10th what you would in FF, and it should be close to the same behavior in both browsers:

FF

$("#map").animate({"top": (pageY - 101) + "px"},{"easing" : "linear", "duration" : 200});

IE

$("#map").animate({"top": (pageY - 101) + "px"},{"easing" : "linear", "duration" : 20});

Should fix it.