jQuery animate scrollTop not working in IE 7

Question

The following works in Chrome / FF etc...

$('body').animate({scrollTop : 0}, 0);

However, in IE 7, it doesn't do anything.
Is there an alternative?

@Scorpion-Prince jQuery animate absolutely works on scrollTop. I've used it in production many times, cross browser. — benastan, May 09 '12 at 15:40
See http://stackoverflow.com/questions/2123690/jquery-animate-scroll-top-top-slow — benastan, May 09 '12 at 15:42

Fiona - myaccessible.website · Accepted Answer · 2013-07-31T14:23:06.763

21

EDIT As pointed out by many, it is better to use:

$('body, html').animate({scrollTop : 0}, 0);

edited Jul 31 '13 at 14:23

answered May 09 '12 at 15:35

1

I don't think this works in all browsers. `'body, html'` is a better selector (see other answer). – Simon East Sep 21 '12 at 02:05
1

This doesnt work well in all browsers. Rather use the other answer. – Richard Oct 24 '12 at 08:34

score 17 · Answer 2 · answered May 09 '12 at 15:38

17

$('body, html').animate({scrollTop : 0}, 0);

answered May 09 '12 at 15:38

benastan

score 4 · Answer 3 · edited Nov 25 '13 at 17:36

4

in IE8， i use $(document).scrollTop() to get the scrollTop property, $('body').scrollTop() or $('html').scrollTop() will always return 0.

Maybe you can use

$(document).animate({scrollTop: 0}, 0);
$('html,body').animate({scrollTop: 0}, 0);

to make it works on all browser.

edited Nov 25 '13 at 17:36

hellosmithy

answered Oct 25 '12 at 13:26

YuC

score 2 · Answer 4 · answered Feb 07 '15 at 07:20

2

Set:

# FF、IE8        
document.documentElement.scrollTop = 100;

# chrome
document.body.scrollTop = 100;

Get:

scrollTop = document.documentElement.scrollTop + document.body.scrollTop;

answered Feb 07 '15 at 07:20

Suyi

4 Answers4