2012-03-30 10 views
1

Ich erstelle eine umgekehrte Seite, was bedeutet, dass der Anfangspunkt auf der Seite unten ist und Sie nach oben blättern, um durch den Inhalt zu gehen. Ein einfacher Befehl, um zu erklären, was ich meine, ist http://url.com/#bottom (oder #footer). Allerdings möchte ich vermeiden, dass ich eine "ENTER" -Site erstellen muss, die zu #bottom führt, und ich kann keine URL-Weiterleitung zu #adress verwenden.Wie wird eine Webseite am Ende der Seite geladen?

Nein, ich versuche nicht, irgendeinen freien Server oder etwas zu spoofen, Sie können auschecken, was ich bei Sean-holt.com zu tun versuche. (Beachte, ich bin immer noch am Anfang der Arbeit. Aber gehe einfach nach unten und scrolle dann nach oben, ich möchte, dass sich die Seite auf dem Bild der Welt öffnet).

Ich möchte nur die erste Stelle, die der Betrachter zu sehen ist, ist der untere Rand der Seite und dann nach oben scrollen müssen.

Wie kann ich das erreichen?

Vielen Dank für Ihre Hilfe !!!!! ihr Jungs rockt!

(P. S. Dies ist das erste Mal, dass ich Stack-Überlauf verwendet haben!)

+0

Sie Javascript onload versucht haben? – hjpotter92

+0

Um, nein, das sieht so aus, als würde es ziemlich gut funktionieren, wenn es keinen anderen Weg gibt, aber es wäre etwas langsamer, aber definitiv besser als nichts! Ich habe dieses Skript nie zuvor benutzt und das Beispiel ist für Text, wie würden Sie es für eine Weiterleitung einstellen? Vielen Dank! Kennt jemand anders einen schnelleren Weg? – WolVes

Antwort

1
<body onload="window.location.hash = 'footer'"> 

Wo die Fußzeile hat id="footer".

+0

Dies ist trotz allem besser als die Seite zu aktualisieren, und ist derzeit implementiert, aber immer noch langsamer als ich es vorziehen würde. Aber es funktioniert super, danke sehr sehr! – WolVes

2

Ich glaube, Sie es wieder mit Javascript/jQuery statt Umleitung tun sollten

Setzen Sie dieses in dem Kopf-Tag Ihrer Datei

<script> 
// after dom is loaded 
$(function() { 
    // scroll all the way down 
    $('html, body').scrollTop($(document).height() - $(window).height()); 
}); 
</script> 
+0

Ich mag das Aussehen von diesem, aber ich weiß nichts über Javascript/jQuery, wie kann ich dies, ich finde nichts im Web wirklich. – WolVes

+0

Es ist wirklich stark und weit verbreitet. Sie können Dinge leicht erreichen, Dinge bewegen oder Elemente manipulieren. - Sie können es entweder von [jquery.com] (http://jquery.com) herunterladen oder es aus dem Googles Online-Repository implementieren: ''. Was den leichten Vorteil hat, dass der Benutzer es bereits im Cache haben kann. (* 1.7.1 ist übrigens die neueste Version *) Weitere Informationen finden Sie in den Dokumenten auf jquery.com oder zur besseren Übersicht können Sie [jqapi] (http://jqapi.com) verwenden. –

0

Dan Lee Idee ist großartig .. Nur addieren oder etwas subtrahieren um Ihre ideale Position zu erreichen.
Ich habe es so gemacht:

<script> 
     // after dom is loaded 
     $(function() { 
      // scroll all the way down 
      $('html, body').scrollTop($(document).height() - ($(window).height() + 280)); 
     }); 
    </script> 
+0

Dies scheint eher ein Kommentar zu @ DanLees Antwort als eine eigene Antwort zu sein. – Thomas

Verwandte Themen