CODEWITHSUNDEEP
jqueryscrolltop
Stefano Cazzola
Stefano Cazzola

Reputation: 1687

jQuery scrollTop doesn't scroll

I'm having troubles trying scroll automatically with javascript. My scrolling area is the body, my js code is

$("body").animate({scrollTop: $("#myDiv").position().top)

but I don't get any result: no animation and no scrolling I also tried

$("body").scrollTop($("#myDiv").position().top);

and also replacing 

$("body") with $(window).

Any hint?

Upvotes: 1

Views: 11076

Answers (4)

Dtipson
Dtipson

Reputation: 1582

Note: if you have chrome://flags/#enable-experimental-web-platform-features enabled, the plugin listed above won't work. It's a known issue: https://github.com/flesler/jquery.scrollTo/issues/92

Upvotes: 0

user2731681
user2731681

Reputation: 11

Try following code,

$('html,body').animate({scrollTop: $("#myDiv").offset().top},500);

Upvotes: 1

Taha Paksu
Taha Paksu

Reputation: 15616

scrollTop is a javascript attribute and you can use it like : 

document.body.scrollTop = scrollValue;

or 

$("body").get(0).scrollTop = scrollValue;

and there's a plugin named jQuery ScrollTo written by Ariel Flesler if you want to animate the scrolling:

http://demos.flesler.com/jquery/scrollTo/

Upvotes: 1

Matt
Matt

Reputation: 75327

scrollTop is a jQuery method which gets or sets the the offset of the current elements scroll bar, but with no animation.

You might be getting confused with the jQuery plugin scrollTo, which offers the functionality you're after.

You'd use it like;

$(window).scrollTo($('#myDiv');

Upvotes: 3

Related Questions