Jquery animate not working with IE - nothing happens

Question

Is there any reason the following shouldn't work in any version of IE?

$(".scroll").mouseover( function () {
   $('body').animate({ scrollTop: $(document).height() }, 10000);
});

$(".scroll").mouseout( function () {
   $('body').stop()
});

I've tested in 8-10 to no avail, but It's working perfectly in Chrome, Firefox, Safari. I tried wrapping the contents in a div and animating that instead of <body> but still no luck - nothing happens at all.

Can you post your html code too? – Tom Dec 18 '13 at 22:46 — Tom, Dec 18 '13 at 22:46

score 1 · Answer 1 · edited May 23 '17 at 12:28

1

Try using mouseenter() and mouseleave() instead..

Here's why - Jquery mouseenter() vs mouseover()

edited May 23 '17 at 12:28

Community

1
1

answered Dec 18 '13 at 22:44

Bryan Elliott

4,055
2
21
22

score 1 · Accepted Answer · answered Dec 18 '13 at 22:44

1

Try to set body and html as selector, some browsers have an issue if you use body only.

answered Dec 18 '13 at 22:44

schnawel007

3,982
3
19
27

This worked - I changed it to: html,body instead of just body - working great. Thanks so much! – user1851361 Dec 18 '13 at 22:47

Tom · Answer 3 · 2013-12-18T22:52:19.477

1

My guess is that you're either using jQuery version 2.x which dropped support for older IE browsers, or you're using an old version of jQuery 1.x. Try upgrading to the latest version of 1.x (1.10.2 right now). The jQuery download page explains more about the differences between the versions and has links to the minified JS files you can link directly hosted by MaxCDN.

edited Dec 18 '13 at 22:52

answered Dec 18 '13 at 22:45

Tom

4,422
3
24
36

Jquery animate not working with IE - nothing happens

3 Answers3