Reputation: 1863

Fix jQuery scrolling

Page must be scrolled after clicking on link with id (let it be #link).

Here is my code, which doesnt work:

$(document).ready(function(){
    $("#link").click(function () { 
        $(this).animate({ scrollTop: 2000 }, 'slow'); 
    });
});

But this one works, after the page loads it slowly scrolls to the bottom of the page:

$(document).ready(function() {
    $('html, body').animate({ scrollTop: 6000 }, 'slow'); 
});

Height of the body is 6000px.

Upvotes: 2

Answers (3)

Reputation: 317

try $('html,body').animate to support all browsers

Upvotes: 1

Reputation: 45422

In your first example, You're setting the scrollTop of the actual link element which has nothing within it to scroll. ( no overflow )

$(document).ready(function(){
    $("#link").click(function () { 
        $("body").animate({ scrollTop: 2000 }, 'slow'); 
    });
});

Upvotes: 3

Reputation: 2794

It looks like your trying to animate 'this' which would be the link!

You should try $(window).animate instead! or maybe even document, sorry not sure!

Upvotes: 2