page up/page down [Archive] - Dynamic Drive Forums

insanemonkey

01-12-2008, 09:17 PM

ok I seriuosly have no clue what or how to find out how to do this.

you know how if you put
http://www.yourdomain.com/#
this will bring you to the top of the page, I was wondering if there was a way to bring me down to the bottome of the page.
can you do this with javascript onload?
or html... plz help..

i havent been on in long time..

djr33

01-12-2008, 09:26 PM

top is default-- no need for #.

Similar in theory to a ?variable=value "get" variable that can be used in PHP (etc), the #target attribute at the end of a url is a way of sending extra info. It doesn't change which file is requested, but rather which then what it looks for on that page.

Simply add #myanchorname to the end of your link. Done.

And, of course, setup an anchor/target somewhere on your page (like the bottom).

It would be possible using Javascript to probably scrollto(something), but that seems unreliable.

insanemonkey

01-12-2008, 09:49 PM

oh i was looking for this so much.. thanks

insanemonkey

01-13-2008, 03:22 PM

is there a script or tutorial that teaches how to do this.. i cant seem to figure it out.. sorry.

i will keep looking.. thanks

BLiZZaRD

01-13-2008, 03:44 PM

In the HTML version it will look like so:

<html>
<head>
<title>your title</tile>
</head>

<body>
<a href="#bottom">Click Here To Go Down</a>

//rest of content that makes this page long enough to require a go down link...

<div id="#bottom"></div>
</body>
</html>

That's about it for the HTML version. Do the opposite for top. The JavaScript Scrolling that Daniel was talking about is done like so:

function backToTop() {
var x1 = x2 = x3 = 0;
var y1 = y2 = y3 = 0;

if (document.documentElement) {
x1 = document.documentElement.scrollLeft || 0;
y1 = document.documentElement.scrollTop || 0;
}

if (document.body) {
x2 = document.body.scrollLeft || 0;
y2 = document.body.scrollTop || 0;
}

x3 = window.scrollX || 0;
y3 = window.scrollY || 0;

var x = Math.max(x1, Math.max(x2, x3));
var y = Math.max(y1, Math.max(y2, y3));

window.scrollTo(Math.floor(x / 2), Math.floor(y / 2));

if (x > 0 || y > 0) {
window.setTimeout("backToTop()", 25);
}
}

With the link to start it looks like:

<a href="#" onclick="backToTop(); return false">Back to Top</a>

Of course I am just now teaching myself JS so I haven't tested this fully, and there are probably some mistakes...

insanemonkey

01-13-2008, 05:04 PM

oh ok thank you so much.. I havent started learning js but i will soon.. I will use the html one, Thanks