scrollTop doesn't work on firefox and IE?

Question

I have below code which works fine in chrome.

However, it does not work on firefox and also IE. Nothing happens.

 $("body").animate({scrollTop:$(this).offset().top},800);

So may i ask what i should write for firefox and IE??

Thanks.

I suggest the [scrollTo plugin](http://flesler.blogspot.cz/2007/10/jqueryscrollto.html) — John Dvorak, Nov 15 '12 at 12:28

score 36 · Accepted Answer · answered Nov 15 '12 at 12:29

36

try using

$('body,html').animate({scrollTop:$(this).offset().top},800);

instead of

$("body").animate({scrollTop:$(this).offset().top},800);

answered Nov 15 '12 at 12:29

rahul

1

This fixed a similar problem that I was having but now the script will not work in Chrome... >_ – Stephen__T Dec 18 '12 at 14:16
Note this will only work with `.animate()`, not with regular `.scrollTop()`: the former animates the `scrollTop` property of each elements in the set, but the latter will set the `scrollTop` value for the first element in the set. – Tom McKenzie Aug 19 '14 at 02:47

score 1 · Answer 2 · answered Nov 15 '12 at 14:01

1

try this.

document.getElementsByTagName('body')[0].clientHeight

answered Nov 15 '12 at 14:01

c-sharp

score 0 · Answer 3 · answered Nov 15 '12 at 12:45

0

$(body).scrollTop($(this)[0].scrollHeight);

you use this code ,i think it will work properly in IE and Firefox

answered Nov 15 '12 at 12:45

frooty

3 Answers3