CODEWITHSUNDEEP
jqueryjquery-selectorsscrolljavascriptjquery-scrollable
TaylorMac
TaylorMac

Reputation: 9002

Scrolling jquery question. How to auto scroll onclick to a div

Just wondering if its possible to scroll to a certain div's position on a page onclick. I can't seem to find anywhere on the internet where this is documented.

My idea is to click a button, and it will take you to the position of that div on the page, possible by the div ID.

Regards,

Taylor

Upvotes: 2

Views: 44286

Answers (3)

Chad
Chad

Reputation: 19619

Im not sure when you want the event to fire so here is the generic version

$(selector).click(function() {
   //scroll to div
});

If you want a <button/> with an id of myButton that when clicked will cause you to scroll to a <div/> with and id of myDiv over the course of half a second:

$('#myButton').click(function() {
   //optionally remove the 500 (which is time in milliseconds) of the
   //scrolling animation to remove the animation and make it instant
   $.scrollTo($('#myDiv'), 500);
});

Using the jQuery ScrollTo plugin.

Upvotes: 6

Edgar Villegas Alvarado
Edgar Villegas Alvarado

Reputation: 18354

Use this:

$("#div1").scrollTop(80);

http://api.jquery.com/scrollTop/

Upvotes: 0

James Montagne
James Montagne

Reputation: 78780

If you don't need an animated scroll just use this:

<a href="#myID">click this</a>

http://jsfiddle.net/9qJ7k/

Upvotes: 2

Related Questions