IE ScrollTop property

Question

I've got the following code in order to ease a scroll to the top of a page:

 $(document).ready(function(){
    $('#top').on("click",function(){
        $("body").stop().animate({scrollTop: 0},"slow");
    });
})

It works perfectly fine on chrome, doesn't work on IE, in IE, the scrollbar doesn't even move. Nothing happens.

Any suggestions how to deal with it?

Rich · Answer 1 · 2013-10-12T22:18:15.347

3

For IE, you may need to add html to your selector for the animation, as IE does not seem to recognize the animation on the body element.

Try this:

 $(document).ready(function(){
    $('#top').on("click",function(){
        $("html, body").stop().animate({scrollTop: 0},"slow");
    });
})

edited Oct 12 '13 at 22:18

answered Oct 12 '13 at 21:54

Rich

score 3 · Accepted Answer · edited May 23 '17 at 12:02

3

Have you tried Googling?

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

edited May 23 '17 at 12:02

Community

answered Oct 12 '13 at 21:55

Well, I didn't really know what to google. BTW, I didn't think it was something to do with the selector since it did work a week ago, and now it doesn't. But hey, thanks for the answer! – kfirba Oct 12 '13 at 21:59
Yeah no problem! I'm glad that it works :) – Oct 12 '13 at 22:00

2 Answers2