scroll back to top animation doesn't work

Question

Afternoon

Problem: Instead of scrolling to the top with animation my "back to the top" button (down-right corner after scrolling down) jumps right to the top.

Example can be found on http://www.pixsters.be

My html:

<a href="#top" id="homebacktothetop"><span>backtothetop</span></a>

My js (jquery):

            // scroll to 0 when clicked
            $('#homebacktothetop').click(function () {
                $('body,html').animate({
                    scrollTop: 0
                }, 800);
                return false;
            });
        });

dont know. But the click event handler has a `preventDefault` method you can use instead of `return false;` if you want to prevent the link doing it's normal job. `.click(function(e){ e.preventDefault(); });` — musefan, Aug 02 '12 at 16:02

score 2 · Accepted Answer · answered Aug 02 '12 at 16:04

2

Change 'body,html' to window

$('#homebacktothetop').click(function (e) {
    $(window).animate({
         scrollTop: 0
     }, 800);
     e.preventDefault();
});

answered Aug 02 '12 at 16:04

kei

20,157
2
35
62

Roest · Answer 2 · 2012-08-02T16:11:55.973

0

typo: you try to call

function gotoByScroll(id)
{
     $('html,body').animate({scrollTop: $("#"+id).offset().top},'slow');
}

with

$("#homebacktothetop").click(function(){goToByScroll("#container");});

Which gives you a Uncaught ReferenceError: goToByScroll is not defined in the console, javascript is case sensitive

edited Aug 02 '12 at 16:11

answered Aug 02 '12 at 16:04

Roest

826
6
16

score 0 · Answer 3 · answered Aug 02 '12 at 16:08

0

This works for me:

         $(document).ready(function(){
              $("#GoToTop").click(function()
              {
                 $("html, body").animate({ scrollTop: 0 }, 500);
                return false;
              });
            });

answered Aug 02 '12 at 16:08

Miljan Puzović

5,840
1
24
30

score 0 · Answer 4 · edited May 23 '17 at 12:06

0

This is a complete shot in the dark, but have you tried removing the return statement? I was looking at a similar post, jquery animate, scroll top top slow, and they got the same script to work, but they have no return statement.

On a completely different topic, you're getting these Javascript errors in your page: enter image description here

Might wanna look into that, it seems like therein lies your problem. Good luck!

edited May 23 '17 at 12:06

Community

1
1

answered Aug 02 '12 at 16:10

Eddie Rivas

335
1
3
11

Or I guess changing to Window like Kei said will do it xD – Eddie Rivas Aug 02 '12 at 16:11

score 0 · Answer 5 · answered Aug 02 '12 at 16:12

0

Looks to me like you got your code from Web Designer Wall. I noticed in your code that on line 32 you overwrite the click event for #homebacktothetop with a new function.

answered Aug 02 '12 at 16:12

Micah Henning

2,125
1
18
26

scroll back to top animation doesn't work

5 Answers5