Scroll function not working properly, using JQuery?

Question

I have this code & when I click #down the page scrolls down by 20, which is correct. When I click #up the page scrolls right to the top which is wrong as I want the page scroll up by 20 only. Here's the code I'm working with:

$('#up').click(function(){
    $('html, body').animate({
        scrollTop: $(this).offset().top -= 20
    });
    return false;
});

$('#down').click(function(){
    $('html, body').animate({
        scrollTop: $(this).offset().top += 20
    });
    return false;
});

Any input would be greatly appreciated, Thanks

Samuli Hakoniemi · Accepted Answer · 2011-09-08 13:07:04Z

2

Correct syntax is -=, not =- (which causes value to be -20, hence the scrolling to top).

answered Sep 8, 2011 at 13:07

Samuli Hakoniemi

19.1k1 gold badge64 silver badges79 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Nasir Over a year ago

I have tried this but it ends up doing a similar thing to #down function

Collectives™ on Stack Overflow

Scroll function not working properly, using JQuery?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related