CODEWITHSUNDEEP
javascriptjquery
TIMEX
TIMEX

Reputation: 272164

How do I programatically scroll down the page?

When the page loads, I want to use Javascript/Jquery to automatically take the user to the 500px downwards. But it has to seem natural.

How can that be done?

Upvotes: 12

Views: 9138

Answers (6)

Jourkey
Jourkey

Reputation: 34986

You can use the jquery scrollto plugin. It's very easy.

http://plugins.jquery.com/scrollTo/

Upvotes: 12

user215054
user215054

Reputation:

What about navigating to some predefined link inside the page. Foe example see URL pointing to the location inside the page http://en.wikipedia.org/wiki/Uniform_Resource_Locator#cite_note-0

Upvotes: 0

luvieere
luvieere

Reputation: 37514

Just Javascript: window.scrollBy(0,500);

Upvotes: 27

Byron Whitlock
Byron Whitlock

Reputation: 53921

use the jquery one Jourkey suggested. Cross platform easy to use etc. There is pure JavaScript one you can try, though YMMV on browsers other than IE

"scrollTo Method

Scrolls the window to the specified x- and y-offset. "

http://msdn.microsoft.com/en-us/library/ms536731(VS.85).aspx

Upvotes: 1

David Hellsing
David Hellsing

Reputation: 108500

$().scrollTop(500);

Upvotes: 0

BalusC
BalusC

Reputation: 1109292

Is there a lighter version? Just using javascript?

You could consider calling window.location.hash during onload. Have an element with an ID at about 500px down and just do

window.onload = function() {
    window.location.hash = '#foo';
}

Oh, the # is mandatory for IE compatibility ;)

Upvotes: 2

Related Questions