Page scrolling error on button click jQuery

Question

I want to scroll page to second section on a button click. I am using following jquery

$('.home_scroll_btn a').on('click', function(){
        var scrollPosition = $('#intro-home').offset().top;
        $('html, body').animate({
            scrollTop:scrollPosition
        });
    });

The problem is when i click the button the page first scroll to top and then scroll to particular section.

Thanks in advance!

Your code seems to work perfectly. Just use javascript:void(0) as href. Check this FIDDLE — Abhi
– Abhi, Commented Mar 25, 2016 at 7:17

Inpyo Jeon · Accepted Answer · 2016-03-25 07:15:00Z

2

If .home_scroll_btn a has href="#" or something like that, it will scroll up to the top. If it does have one, add e.preventDefault() or return false on the function.

edited Mar 25, 2016 at 7:15

answered Mar 25, 2016 at 7:04

Inpyo Jeon

2201 silver badge7 bronze badges

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

Collectives™ on Stack Overflow

Page scrolling error on button click jQuery

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related